Highcharts - 加载json数据

我正在研究一个新项目并使用高图来创建图表。我创建了从数据库中的一些数据的JSON文件：Highcharts - 加载json数据

[{"date": "2012-02-23", "number": 2}, {"date": "2012-02-21", "number": 4]

我怎么也该数据添加到Highcharts->Chart->Series->Data？

来源

2012-02-23 Hrvoje

实际上，这取决于你想要在图表中绘制什么。 – 2012-02-23 11:41:20

找到下面的代码。这将显示JSON中存在的数据的列图。

<html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 
    <script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    jQuery(document).ready(function(){ 
      var data=[{"date": "2012-02-23", "number": 2}, {"date": "2012-02-21", "number": 4}]; 
      var chart = new Highcharts.Chart(
       { 
       chart:{ 
        renderTo: "container", // the div id where you want to dispaly the chart 
        type: 'column',  // type of chart as colum chart, it can be anything-'bar','pie','column' etc. 
        height: 300 
       }, 
       title: { 
        text: "Numbers on two different dates" 
       }, 
       xAxis: { 
        categories: [data[0]["date"],data[1]["date"]] 
       }, 
       yAxis: { 
        title: { 
         text: 'Numbers on date' 
        } 
       }, 
       series: [{name:"numbers",data:[data[0]["number"],data[1]["number"]]}] 
      } 
     );   
    }); 
    </script> 
    </head> 
    <body> 
    <div id="container"> 
    </div> 
    </body> 
    </html>

来源

2012-02-23 11:56:51

为什么xAxis上的类不是'datetime'类型的xAxis？而对于超过2个值，此解决方案将无法很好地扩展。 – dgw 2012-02-23 15:01:32

@dgw，告诉我你想要在图表上显示的内容和方式。还提供了“对于超过2个值”的JSON数据 – 2012-02-28 06:51:09

Highcharts - 加载json数据

回答

相关问题