0

我正在尝试将 json 数据称为高图表。我只有一个系列..新手对此..任何人都可以帮助我是否正确调用 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>
4

1 回答 1

1

您想在 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 的教程http://blueflame-software.com/blog/how-to-load-mysql-results-to-highcharts-using-json/

于 2013-09-06T16:30:15.370 回答