Highchart xAxis为多维数组

时间:2018-02-19 07:35:22

标签: javascript arrays highcharts

我的要求

我想用多暗阵列标记多系列图的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中的每个数据都包含valueTimeReceivedID的数据。因此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] ....

  1. 如何为多系列标记X轴?
  2. 这样做的最佳选择是什么?我看到数组中的时间值表示signals.signalData[0]可能与signals.signalData[1]
  3. 中的时间值不一致

    更新

    样本数据

    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"} } 
            };
    

0 个答案:

没有答案
相关问题