2013-05-21 16 views
1

說如果我的谷歌圖表數據陣列看起來像下面, 有沒有一種方法來針對谷歌圖表的具體數據集,並做一些事情。 類似,如果數據=「11年12月13日星期二」,那麼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] 
... 

回答

0

是的,這是可能的,但它需要編碼,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循環來檢查您想要檢查的值,並且如果它找到了您要查找的內容,請將該值移入該新系列。

這是更復雜的,但它會給你更多的靈活性,取決於你想做什麼(因爲你有一個完全不同的系列,你可以使用不同的線條尺寸,標記或條寬或其他)。

無論你選擇做什麼,最好的事情就是玩它,找到你喜歡的東西,這對你來說是最簡單的數據編碼。

+0

我們可以對包含多行的折線圖執行相同的操作嗎? – 2015-05-14 06:51:51

+0

@RapunzelEugene是的,你可以。 – jmac