1

デプロイが簡単になるように、JSON ファイルからハイチャート API 全体を呼び出そうとしています。したがって、データ全体を JSON ファイル JSON ファイルに変換しました。

    { "chart" : { "type" : "line" },
  "legend" : [ { "layout" : "vertical" },
      { "floating" : true },
      { "backgroundColor" : "#FFFFFF" },
      { "align" : "right" },
      { "verticalAlign" : "top" },
      { "y" : 60 },
      { "x" : -60 }
    ],
  "series" : [ { "data" : [ 29.899999999999999,
            71.5,
            106.40000000000001,
            129.19999999999999,
            144.0,
            176.0,
            135.59999999999999,
            148.5,
            216.40000000000001,
            194.09999999999999,
            95.599999999999994,
            54.399999999999999
          ] } ],
  "xAxis" : { "categories" : [ "Jan",
          "Feb",
          "Mar",
          "Apr",
          "May",
          "Jun",
          "Jul",
          "Aug",
          "Sep",
          "Oct",
          "Nov",
          "Dec"
        ] }
}

しかし、RENDERTOが見つからないというエラーが表示されていました。（JSONファイルにも追加しようとしました）が、うまくいかないので、「コンテナ」にハイチャートをプロットする方法を知りたいのですが、htmlは次のとおりです。

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>

   <script type="text/javascript">
   function loadJson() {
 $(document).ready(function()
 {
 //alert("inside");
 var chart;
 var url = "val1.json";
    var seriesData ;
         $.getJSON(url, function(data)
         {
         seriesData = data;
         alert(seriesData);

        chart = new Highcharts.Chart(seriesData);
    });

});
}

  </script>
</head>
<body onload="loadJson();">
  <div id="container">
  </div>
</body>
</html>

HTML または JSON ファイルで「Renderto」呼び出しを行うにはどうすればよいですか。私はハイチャートとJSONの初心者なので、助けていただければ幸いです

4

3 に答える 3

0

highcharts 3.* を使用する場合、renderTo を使用する必要はありません。

代わりに、以下のようにレンダリングできます

$("#container").highcharts({yorObj});

ハイチャート API を参照http://api.highcharts.com/highcharts

于 2013-11-15T08:44:53.840 に答える
0 
    function loadJson() {
 $(document).ready(function()
 {
 //alert("inside");
 var chart;
 var url = "val1.json";
 var seriesData ;
   $.getJSON(url, function(data)
   {
  var chartoptions = data;
   chartoptions.chart.renderTo = 'container';
        chart = new Highcharts.Chart(chartoptions);
    });

});
}

コードがコンテナーへの参照を取得していなかったため、グラフをプロットできませんでした。そのため、チャート設定の外部で使用できる chartOptions を使用して設定しました。

それが学習プレーヤーに役立つことを願っています。助けてくれた人に感謝します。良いコーディング週間をお過ごしください......

于 2013-11-18T05:21:06.353 に答える
0

renderTo オプションが正しく設定されていることを確認してください。

 { "chart" : { "type" : "line", "renderTo":"container" },

別の方法は、jquery セレクターにレンダリングすることです。

 $('#container').highcharts(chartJsonObject);
于 2013-11-15T08:54:11.900 に答える