google-visualization - 具有不同 X 值的图形系列

Question

我正在尝试使用 Google Charts 绘制一系列具有不同 x 值的数据集。然而，所有折线图和散点图似乎只支持所有系列的 1 x 值。

我拥有的数据集基本上是这样的 csv 字符串:

Set1:
x1, x2, x3, x4
y1, y2, y3, y4

Set2:
x5, x6, x7, x8
y5, y6, y7, y8

每个系列中的 x 可能相同，也可能不同。

我宁愿能够将 x 和 y 值放入图表中，而不是遍历所有数据以找到 x 值，然后确保每组具有相同的 x 值。

这可能吗？

Answer 1

是的。您可以多次使用相同的“X”值。

var data = new google.visualization.DataTable();
data.addColumn('number', 'X');
data.addColumn('number', 'Set 1');
data.addColumn('number', 'Set 2');
data.addRows([
  [x1, y1, null],
  [x2, y2, null],
  [x3, y3, null],
  [x4, y4, null],
  [x5, null, y5],
  [x6, null, y6],
  [x7, null, y7],
  [x8, null, y8],
]);

或者，您可以将它们全部设为同一系列(如果您想要一种颜色)。只要你没有用线连接它们，你就无法区分它们。如果愿意，您可以多次使用相同的 X 值，每次使用单独的 Y 点。

我会编写一个函数将您的 CSV 值转换为上述格式。