谷歌折線圖：不同顏色的特定範圍

Question

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

我如何可以依賴於特定的範圍內一行指定不同的顏色？例如，一行應該是從0到10的藍色和從10到20的紅色。

Answer 1

簡而言之：你不能。

長答案：您可以構建冗長的解決方法，但每個步驟都會呈現不同的問題，您可能會發現比單色線條更糟糕的問題。

在您的數據中運行一個循環，以便每個系列的每個顏色位於不同的列中。這是最快捷的方式。

舉例來說，如果你有數據：

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

你可以寫一個腳本來使你的數據看起來像這樣：

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相同。您還必須將「Month」系列更改爲實際日期值，以便您可以正確設置點。當然，那些中間點也會出現，這是一個不同的頭痛......

你也可以撥弄domains但這些不會幫助你着色（但會幫助你連接不同點到同一系列）。