我正在尝试使用highChart将数据显示为线性图表
我已经尝试了很多次。这些是我尝试做的,但图表仍然空​​白!

    <script>
$(document).ready(function() {

    var options={
         chart: {
                renderTo: 'container',
                type: 'line'
            },
        title : {
          text: 'Monthly Average Temperature'
       },
       subtitle : {
          text: 'Source: WorldClimate.com'
       },
        xAxis : {
          categories: ['11','jj','jj','11']
       },
        yAxis :{
          title: {
             text: 'Temperature (\xB0C)'
          },
          plotLines: [{
             value: 0,
             width: 1,
             color: '#808080'
          }]
       },

        tooltip : {
          valueSuffix: '\xB0C'
       },

        legend : {
          layout: 'vertical',
          align: 'right',
          verticalAlign: 'middle',
          borderWidth: 0
       },

        series : [{}]

    }
 $.ajax({
 type: 'GET',
 contentType : 'application/json',
 dataType: 'JSON',
 url: 'json',
 data: "",
 success: function(data){
     var array=[] ;
    $.each(data, function(i) {


        array.push(data[i].id);

        })
          alert(array);
      options.series[0]= array;


    var chart = new Highcharts.Chart(options);

}
});

});
  </script>


在这里alert(array);正确返回json的值数组。
但仍未被series识别!
请帮忙吗?

最佳答案

series[0]期望数据采用特定格式。

而不是做options.series[0]= array;

做,

options.series[0]= {"data":array};


工作fiddle

关于javascript - 如何将数据显示为线性highChart?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36992308/

10-09 23:16
查看更多