Plotly.js 中的多条时间序列线

Question

我希望使用 plot.ly 绘制多个时间序列线。

我正在使用以下代码：

var trace1 = [
  {
    x: ['2013-10-04 22:23:00', '2013-11-04 22:23:00', '2013-12-04 22:23:00'],
    y: [1, 3, 6],mode: 'lines',
    type: 'scatter'
  }
];

var trace2 = [
  {
    x: ['2013-10-04 22:23:00', '2013-11-04 22:23:00', '2013-12-04 22:23:00'],
    y: [1, 2, 4],mode: 'lines',
    type: 'scatter'
  }
];

var data = [trace1, trace2];


Plotly.newPlot('myDiv', data);

但是什么也没有出现。有谁知道是否可以用 Plotly.js 制作它们？

Answer 1

plotly traces 必须是对象而不是数组。这应该有效：

var trace1 = {
    x: ['2013-10-04 22:23:00', '2013-11-04 22:23:00', '2013-12-04 22:23:00'],
    y: [1, 3, 6],mode: 'lines',
    type: 'scatter'
  };

var trace2 = {
    x: ['2013-10-04 22:23:00', '2013-11-04 22:23:00', '2013-12-04 22:23:00'],
    y: [1, 2, 4],mode: 'lines',
    type: 'scatter'
};

var data = [trace1, trace2];


Plotly.newPlot('myDiv', data);

Plotly.js 中的多条时间序列线

Multiple time series lines in Plotly.js

time-series

plotly