1

我正在尝试从我的 JSON 文件中调用整个 highcharts 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 文件中添加它），但它不起作用所以我想知道如何在“容器”中绘制我的 highcharts 我的 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”调用。感谢任何帮助，因为我是 highcharts 和 JSON 的新手谢谢

4

3 回答 3

0

确保正确设置了 renderTo 选项：

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

另一种方法是渲染到 jquery 选择器上：

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

如果您使用 highcharts 3.*，则无需使用 renderTo。

相反，您可以呈现如下

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

参考 highchart 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 回答