https://developers.google.com/chart/interactive/docs/gallery/linechart?hl=ja#Configuration_Options
如何根据特定范围为单行指定不同的颜色?例如,一条线应该是从 0 到 10 的蓝色,从 10 到 20 的红色。
https://developers.google.com/chart/interactive/docs/gallery/linechart?hl=ja#Configuration_Options
如何根据特定范围为单行指定不同的颜色?例如,一条线应该是从 0 到 10 的蓝色,从 10 到 20 的红色。
简短的回答:你不能。
长答案:您可以构建一个冗长的解决方法,但每个步骤都会出现不同的问题,您可能会发现这些问题比单色线更糟糕。
循环遍历您的数据,以便每种颜色在每个系列的不同列中。这是最快的方法。
例如,如果您有数据:
var data = google.visualization.arrayToDataTable([
['Month', 'Data'],
['2004/05', 123],
['2005/06', 234],
['2006/07', 345],
['2007/08', 456],
['2008/09', 789]
你想把它分成3种颜色:<300, 300-600
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 相同。您还必须将“月份”系列更改为实际日期值,以便您可以正确设置两者之间的点。当然,那些中间点也会出现,这是另一个令人头疼的问题......
您也可以摆弄域,但这些不会帮助您着色(但会帮助您将不同的点连接到同一个系列)。