用于(x,y)图的zing图表函数回调

时间:2018-09-13 18:05:51

标签: charts callback streaming

我已经能够实现简化图表的实现,以针对将要仅从Y轴值发生变化的JS回调中呈现的流数据进行流式处理。 但是,如果我希望使用ze实现流线型图表,其中新数据集(如(x,y),即x将具有纪元时间戳,y则具有相应的值),我将如何形成结果JSON来传递以打勾下面的样本

    window.feed = function(callback) {
      var tick = {};
      var currentDataValue=0;`
      currentDataValue=''; //do some process for getting the value
      tick.plot0 = currentDataValue
      callback(JSON.stringify(tick));`
    });

只要将数据系列配置为

,此方法就可以正常工作
 series: [
         {
            values: []
        }
    ]

我的问题是,当系列定义为

时,我们如何配置回调JSON?
series:[
{
  values:[[d1.getTime(),12],[d2.getTime(),12],[d3.getTime(),12],[d4.getTime(),12],[d5.getTime(),12],[d6.getTime(),12],[d7.getTime(),12]],
  lineColor: '#FF5733',
  lineWidth: 1,
  marker: {
    backgroundColor: 'white',
    borderColor: '#3F51B5',
    borderWidth: 1,
    size: 3
  }
},
{
    values:[[d1.getTime(),11],[d2.getTime(),17],[d3.getTime(),22],[d4.getTime(),12],[d5.getTime(),10],[d6.getTime(),9],[d7.getTime(),08]],
    lineColor: '#ABCDEF',
    lineWidth: 1,
    marker: {
      backgroundColor: 'white',
      borderColor: '#3F51B5',
      borderWidth: 1,
      size: 3
    }
  },
  {
      values:[[d1.getTime(),2],[d2.getTime(),20],[d3.getTime(),11],[d4.getTime(),7],[d5.getTime(),5],[d6.getTime(),18],[d7.getTime(),1]],
      lineColor: '#3F51B5',
      lineWidth: 1,
      marker: {
        backgroundColor: 'white',
        borderColor: '#3F51B5',
        borderWidth: 1,
        size: 3
      }
    }  

]

0 个答案:

没有答案