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值转换为如上所示的格式。

绘制具有不同X值的系列

1 个答案: