调用json数据的Highcharts

调用json数据的Highcharts,json,highcharts,Json,Highcharts,我试图将json数据调用到high charts。我只有一个系列..这是新手。。有没有人能帮我确定我是否正确调用了json文件。请帮助:( 在highcharts中调用json的代码 <script> var chart; $(document).ready(function () { chart = new Highcharts.Chart({ chart: { renderTo: 'containe

我试图将json数据调用到high charts。我只有一个系列..这是新手。。有没有人能帮我确定我是否正确调用了json文件。请帮助:(

在highcharts中调用json的代码

      <script> 
      var chart;
    $(document).ready(function () 
   {
      chart = new Highcharts.Chart({
      chart: {
        renderTo: 'container1',
       type: 'area'
          },
       yAxis: {
    type: 'double',
    min: 0
      },
      xAxis: {
      type: 'datetime',
         labels: {
          formatter: function () {
            return Highcharts.dateFormat('%b %y', this.value);
        },
        dateTimeLabelFormats: {

            month: '%b \'%y',
            year: '%Y'
        }
    }
    },
   series: [{
    name: 'Total Views',
    data: []
    }, ]

  });
 chart.series[0].setData(

  });
  </script>
  <script>    
  $.getJSON('data.php', function(data) 
   {
  chart.series[0].append(data);
     }   

</script>
 <div id="container1" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
 </body>
</html> 

var图;
$(文档).ready(函数()
{
图表=新的高点图表。图表({
图表:{
renderTo:'container1',
类型:“区域”
},
亚克斯:{
类型:'double',
最低:0
},
xAxis:{
键入:“日期时间”,
标签:{
格式化程序:函数(){
返回Highcharts.dateFormat(“%b%y”,此.value);
},
日期时间标签格式:{
月份:'%b\'%y',
年份:'%Y'
}
}
},
系列:[{
名称:'总视图',
数据:[]
}, ]
});
chart.series[0]。setData(
});
$.getJSON('data.php',函数(数据)
{
chart.series[0]。追加(数据);
}   

您希望在getJSON成功函数中创建图表

 $.getJSON('data.php', function (data) {
      chart = new Highcharts.Chart({
          chart: {
              renderTo: 'container1',
              type: 'area'
          },
          yAxis: {
              type: 'double',
              min: 0
          },
          xAxis: {
              type: 'datetime',
              labels: {
                  formatter: function () {
                      return Highcharts.dateFormat('%b %y', this.value);
                  },
                  dateTimeLabelFormats: {

                      month: '%b \'%y',
                      year: '%Y'
                  }
              }
          },
          series: [{
              name: 'Total Views',
              data: data
          }, ]

      });
  });
下面是一个非常简单的教程,介绍如何将JSON与Highcharts结合使用