javascript - 定位特定的谷歌图表数据集

Question

假设我的谷歌图表数据数组如下所示，有没有办法针对谷歌图表的特定数据集并执行某些操作。类似于 if data = "13 dec 11 Tue"那么 56 点应该使用与其余位置不同的颜色...

["13 Dec 11 Tue",56],
["14 Dec 11 Wed",168],
["15 Dec 11 Thu",181],
["16 Dec 11 Fri",163],
["17 Dec 11 Sat",172]
...

Answer 1

是的，这是可能的，但它需要使用 javascript 进行编码，并且不能在 Google Visualization 中使用 ColorFormatter 保存在表中固有地完成。 。假设您想在图表中执行此操作，则需要编写代码来执行此操作。

选项 1:创建颜色数组

您可以使用series configuration option of most charts设置每个系列的显示颜色。

例如，如果我有 3 个系列，那么我可以设置以下选项将第二个系列变为红色:

series: [{}, {color: 'red'}, {}]

这不会为系列 1 和 3 设置任何选项，但会将系列 2 的颜色更改为红色。

因此，您可以使用 Javascript 遍历数据，并创建一个颜色数组来分配给各个系列。例如，如果您希望第 1 列中大于 10 的任何值显示为红色，您可以按如下方式执行操作:

var colorArray = {};
for(i=0;i<data.getNumberOfRows;i++) {
  if(data.getDataValue(i, 1)>10)
    colorArray.push({color: 'red'});
  else
    colorArray.push({});
};

然后将选项设置为:

options = {series = colorArray};

注意:上面的代码还没有经过检查，可能有错误，因为我刚刚输入了它。如果不起作用，请更正我的代码，但逻辑是合适的。

选项 2:移动系列

默认情况下，每个不同的数据列将具有不同的颜色。您可以创建一个类似的循环来检查每个项目的值，并将其移动到另一个系列。只需创建一个不同的 for 循环来遍历您要检查的值，如果找到您要查找的值，请将值移至该新系列中。

这更复杂，但它会给你更大的灵 active ，具体取决于你想要做什么(因为你有一个完全不同的系列，你可以使用不同的线条大小、标记、条形宽度等来自定义它) .

无论您选择做什么，最好的办法就是尝试并找到您喜欢的东西，并且最容易使用数据进行编码。