我的要求
我想用多暗阵列标记多系列图的X轴。
HighChart脚本
var chart_PT1 = new Highcharts.Chart({
chart: {
height: 532,
renderTo: 'review_high_container'
},
title: {
text: 'IO Signal Data'
},
subtitle: {
text: 'Source: GPS Modem'
},
yAxis: {
title: {
text: 'Value'
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle'
},
xAxis: {
type: 'datetime',
labels: {
enabled: true,
formatter: function () { try { return ddd[i][this.value][0]; } catch (err) { } },
}
},
});
for (i = 0; i < ddd.length; i++) {
chart_PT1.addSeries({ name: name[i], data: ddd[i], turboThreshold: 5000 });
}
我的数据阵列
它是一个多调光阵列信号= []说3,如下所示
signal [0] = {&#34; Signal1&#34;,signalData []}&lt; === signalData说20个数据
信号[1] = {&#34;信号2&#34;,signalData []}&lt; === signalData说10个数据
信号[2] = {&#34; Signal3&#34;,signalData []}&lt; === signalData有80个数据
signalData[] is expected to have the data for the signal say
signalData[0] ==> Value, TimeReceived,ID
signalData[1] ==> Value, TimeReceived,ID
signalData[2] ==> Value, TimeReceived,ID
.
.
.
signalData[20] ==> Value, TimeReceived,ID
同样,signals[1].signalData[]
和signals[2].signalData[]
应该有相应信号的数据。
signalData
中的每个数据都包含value
,TimeReceived
和ID
的数据。因此signals[0].signalData
将包含 signalOne 的数据数组; signals[1].signalData
将包含 signalTwo 的数据数组;
signals[2].signalData
将包含 signalThree 的数据数组;
等等...
该图表将显示每个信号的一条线(在这种情况下为3条线)
我的问题
我无法使用数组中可用的时间值标记X轴 - signals.signalData
。每个信号在数组signals
内可能有也可能没有相同的时间。因此signals.signalData[0]
标注不适合其他系列signals.signalData[1],signals.signalData[2]
....
signals.signalData[0]
可能与signals.signalData[1]
更新
样本数据
signals ={
{ "SignalOne", {{"42","2/20/2018 05:25:09","S11"},{"99","2/20/2018 06:17:13","S12"},{"89","2/20/2018 07:25:09","S13"} },
{ "SignalTwo", {{"118","2/20/2018 05:25:09","S21"},{"33","2/20/2018 06:17:13","S22"} }
{ "SignalThree", {{"333","2/20/2018 05:25:09","S31"},{"43","2/20/2018 06:17:13","S32"},{"43","2/20/2018 06:17:13","S33"},{"43","2/20/2018 06:17:13","S34"} }
};