谷歌折線圖（交互式）API - 我們如何在指定區域填充不同的背景顏色

我有一個要求，在指定區域谷歌折線圖上水平填充背景顏色。我看過所有的API，但沒有得到解決方案。谷歌圖片圖表（我認爲它已被棄用）有一些財產，但我正在使用交互式圖表。我只是附加了我真正想要的圖像。谷歌折線圖（交互式）API - 我們如何在指定區域填充不同的背景顏色

請幫忙。 enter image description here

來源

2013-08-12 merahulpk

您可以通過使用ComboChart而不是LineChart並添加一些額外的數據系列來實現此目的。在你的例子中，你會有3個額外的系列，每行有800,1000和1200的值。然後設置「系列」選項，以使這些「區域」系列沒有在圖例中顯示出來，當你將鼠標懸停在他們不衍生工具提示：

series: { 
    0: { 
     type: 'line' 
    }, 
    1: { 
     type: 'line' 
    }, 
    2: { 
     lineWidth: 0, 
     type: 'area', 
     visibleInLegend: false, 
     enableInteractivity: false 
    }, 
    3: { 
     lineWidth: 0, 
     type: 'area', 
     visibleInLegend: false, 
     enableInteractivity: false 
    }, 
    4: { 
     lineWidth: 0, 
     type: 'area', 
     visibleInLegend: false, 
     enableInteractivity: false 
    } 
}

在這裏看到一個例子：http://jsfiddle.net/asgallant/apH2B/

來源

2013-08-12 15:19:06 asgallant

非常感謝你幫助我，這是我想要的圖表。 – merahulpk

您好，感謝您的這項工作，但我想知道您如何設置該區域的顏色，我想將其更改爲特定的顏色。謝謝 – Jonathan

您可以使用任何有效的HTML顏色字符串將顏色設置爲一個系列的選項之一。例如：https：//jsfiddle.net/asgallant/apH2B/150/ – asgallant

谷歌折線圖（交互式）API - 我們如何在指定區域填充不同的背景顏色

回答

相關問題