谷歌折线图：特定范围的不同颜色答案

【问题标题】：Google Line Chart: Different colors for specific ranges谷歌折线图：特定范围的不同颜色
【发布时间】：2013-03-03 05:03:38
【问题描述】：

https://developers.google.com/chart/interactive/docs/gallery/linechart?hl=ja#Configuration_Options

如何根据特定范围为单行指定不同的颜色？例如，一条线应该是蓝色从 0 到 10，红色从 10 到 20。

【问题讨论】：

标签： google-visualization linechart

【解决方案1】：

简短的回答：你不能。

长答案：您可以构建一个冗长的解决方法，但每个步骤都会出现不同的问题，您可能会发现这些问题比单色线更糟糕。

循环遍历您的数据，以便每个系列的每种颜色都位于不同的列中。这是最快的方法。

例如，如果您有数据：

  var data = google.visualization.arrayToDataTable([
    ['Month', 'Data'],
    ['2004/05', 123],
    ['2005/06', 234],
    ['2006/07', 345],
    ['2007/08', 456],
    ['2008/09', 789]

你想把它分成 3 种颜色：

600

您可以编写一个脚本使您的数据如下所示：

  var data = google.visualization.arrayToDataTable([
    ['Month', 'Red', 'Green', 'Blue'],
    ['2004/05', 123, null, null],
    ['2005/06', 234, null, null],
    ['2006/07', null, 345, null],
    ['2007/08', null, 456, null],
    ['2008/09', null, null, 789]

以上将为您提供每个不同范围的彩色点。如果您真的希望连接它们的线在超过某个阈值时立即改变颜色，您必须计算任何一天的 300 的截距，并将其添加到系列中。与 600 相同。您还必须将“月份”系列更改为实际日期值，以便您可以正确设置两者之间的点。当然，那些中间点也会出现，这是另一个令人头疼的问题......

您也可以摆弄domains，但这些不会帮助您着色（但会帮助您将不同的点连接到同一个系列）。

【讨论】：