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来关闭空白。

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

1 个答案: