如何将数据显示为线性highChart

how to display data into linear highChart?

本文关键字：线性 highChart 显示 数据      更新时间：2023-09-26

我正在尝试使用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中的一个值数组。但仍未被CCD_ 3识别！请帮忙吗？

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

代替options.series[0]= array;

Do，

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

工作小提琴

相关文章：