[英]Highchart display of more than 1 series is not showing
我正在使用JSON從數據庫中獲取數據,但是當我嘗試將2系列數據顯示到highcharts時,該圖形的結果顯示不正確。
fetchdata.php
while($row = sqlsrv_fetch_array($weekly2)) {
$BF1[] = $row['VoltageA'];
$BF2[] = $row['VoltageB'];
$wv3[] = $row['VoltageC'];
$wi4[] = $row['IA'];
$wi5[] = $row['IB'];
$wi6[] = $row['IC'];
}
echo json_encode(array($BF1, $BF2));
我從json_encode獲得的數據:
[[0.80299997329712,0.80599999427795,0.80599999427795,0.80800002813339,0.80800002813339,0.80699998140335,0.80099999904633,0.80099999904633,0.78700000047684,0.77799999713898],[0.80599999427795,0.80900001525879,0.80800002813339,0.81000000238419,0.80900001525879,0.81000000238419,0.80299997329712,0.80299997329712,0.78899997472763,0.78299999237061]]
腳本
$.when(
$.getJSON('fetchdata.php')).then(function(BF1, BF2) {
Highcharts.chart('container', {
chart: {
type: 'line'
},
title: {
text: 'Daily Voltage'
},
subtitle: {
text: ''
},
xAxis: {
categories: ['12:00 AM', '1:00 AM', '2:00 AM', '3:00 AM', '4:00 AM', '5:00 AM', '6:00 AM', '7:00 AM', '8:00 AM', '9:00 AM', '10:00 AM', '11:00 AM','12:00 PM', '1:00 PM', '2:00 PM', '3:00 PM', '4:00 PM', '5:00 PM', '6:00 PM', '7:00 PM', '8:00 PM', '9:00 PM', '10:00 PM', '11:00 PM']
},
yAxis: {
title: {
text: 'FEEDER 1'
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: true
}
},
series: [{
name: 'Voltage A',
data: BF1
},
{
name:'Voltage B',
data: BF2
}]
});
});
發生此問題是由於錯誤使用了$.getJSON()
調用。 您已經將兩個參數傳遞給了.then()
定義的函數,但應該只是一個,因為您收到的數組包含兩個數組,例如:
$.getJSON('fetchdata.php')).then(function(data) {
...
}
然后,您將可以在系列定義中引用data[0]
和data[1]
:
series: [{
name: 'Voltage A',
data: data[0]
},
{
name: 'Voltage B',
data: data[1]
}
]
實時示例: https : //jsfiddle.net/abx6cepw/
親切的問候!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.