我正在尝试使用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/