绘制具有不同X值的系列

Question

我试图用Google图表绘制一系列数据集,这些数据集都具有不同的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都有不同的Y点.

我会编写一个函数来将您的CSV值转换为如上所示的格式.