如何将数据显示为线性highChart?

时间:2016-05-02 21:57:36

标签: javascript ajax highcharts

我尝试使用<li>将数据显示为线性图表 我曾多次尝试过。这些是我试过的,但图表仍然空​​白!

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> 正确地从json返回一个值数组。 但仍未被alert(array);识别! 有什么帮助吗?

1 个答案:

答案 0 :(得分:2)

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

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

DO,

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

工作fiddle