你今天过得愉快吗？
我的 Highchart 遇到了这个挑战。
该系列是一个接一个地显示，而不是并行显示。
这是我的 JSON_Array 的输出。而不是 2013-08-02 13:30:40 时间值以微时间格式显示。这只是为了更好地解释。
那么，系列是一个接一个地显示，这可能是错误的吗？
<script type="text/javascript">
$(function(){
$.getJSON('micro-grid_data.php',
function(data) {
Highcharts.setOptions({ global: { useUTC: false } });
chart = new Highcharts.StockChart
({
chart: { renderTo: 'container' , zoomType: 'x', type: 'line', width: 900 },
legend: { enabled: true, verticalAlign:'bottom' },
navigator: { enabled: false },
title: { text: 'You see the data of the last measured hour!' },
credits: { enabled: false },
plotOptions: { series: { marker : { enabled: false, states: { hover: { enabled: true } } } } },
xAxis: { type: 'datetime', title: { text: 'time' } },
rangeSelector:{ enabled: false },
yAxis: { title: { text: '' , style: { color : '#4572A7' } } },
tooltip: { xDateFormat: '%e. %b.%Y %H:%M:%S', valueDecimals: 2 },
series: [ { name: 'consumer' , data: data[0]} , { name: 'producer' , data: data[1]}],
exporting: { enabled: true },
});
// Format the y-data.
Highcharts.numberFormat(this.y, 2, '.', ',');
});
});
// Redraw the chart.
function redraw()
{
// Get variables from configuration settings area.
var startdate = $('#<?php echo $startdatewithout ?>').val();
var enddate = $('#<?php echo $enddatewithout ?>').val();
var range = $('#range').val();
/* New data is loaded via AJAX-call.
* Output is an JSON-Array, Example: [[1,2],[20,3]].
* If success the new data is set in the chart and the screen will be unhide.
*/
$.ajax({
url: "micro-grid_data.php?string=<?php echo $string; ?>&range="+range+"&startdate="+startdate+"&enddate="+enddate+"&reload=1",
dataType: 'json',
success: function(datareload) { // Set new data in chart.
chart.series[0].setData(datareload[0]);
chart.series[1].setData(datareload[1]);
// Unhide the screen.
chart.hideLoading();
},
});
};
return false;
};