Google Chart API：使用不同的 x 轴集绘制折线图

Question

我想在 Google API 中绘制两个折线图。折线图是随时间变化的电压。问题是这两个图表的采样是在不同的时间间隔完成的，例如

Line 1         Line 2
0s - 1V        0s - 2V
2s - 3V        1s - 2V
5s - 3.4V      2s - 2.3V
10s - 3V       7s - 4V
11s - 2.1V 

从 Google Charts API 中，我了解到 x 轴数组必须在 y 轴图表之间共享。当它们的 x 轴不同并且它们可能具有不同数量的数据点时，我该如何绘制这两条线。

Answer 1

您需要将两个数据系列添加到您的 DataTable 中，填写 null 其中一个数据系列在特定 x 轴值处没有数据：

var data = new google.visualization.DataTable();
data.addColumn('number', 'Seconds');
data.addColumn('number', 'Line 1');
data.addColumn('number', 'Line 2');
data.addRows([
    [0, 1, 2],
    [1, null, 2],
    [2, 3, 2.3],
    [5, 3.4, null],
    [7, null, 4],
    [10, 3, null],
    [11, 2.1, null],
]);

空值会在您的行中插入空白，您可以通过将interpolateNulls 选项设置为true 来关闭空白。