谷歌圖表堆疊柱形圖。如何風格每個單獨的堆疊物品（數據系列）

我已經建立了谷歌圖表堆疊柱形圖。我能夠註釋每個堆疊物品。說到造型每個欄目時，只有最後一個堆放的項目纔會生效。最後入棧項目谷歌圖表堆疊柱形圖。如何風格每個單獨的堆疊物品（數據系列）

工作代碼：

// Create the data table. 
var data = google.visualization.arrayToDataTable([ 
    ['Genre', '', "Label", { role: 'annotation', role:'style' } ], 
    ['column1', 5, 11, 31, 'opacity: 0.2'], 
    ['column2', 5, 12, 32, 'opacity: 0.2'], 
    ['column3', 5, 13, 33, 'opacity: 0.2'], 
    ['column4', 5, 14, 34, 'opacity: 0.2'], 
    ['column5', 5, 15, 35, 'opacity: 0.2'], 
    ['column6', 5, 26, 36, 'opacity: 0.2'] 
]);

我的代碼發揮周圍有很多，但總是收到一個錯誤。我想爲每個數據行（堆疊列）中的每個數據系列應用樣式。

來源

2015-04-01 Jin

至少何況，如果你指望別人幫你是什麼錯誤。 – Kris 2015-04-01 14:35:59

設置所有圖表的樣式，如最後一個圖表。

var data = google.visualization.arrayToDataTable([ 
    ['Genre', 'Label1', { role: 'annotation', role:'style' }, 'Label2', { role: 'annotation', role:'style' }, 'Label3', { role: 'annotation', role:'style' } ], 
    ['column1', 5, 'opacity: 0.2', 11, 'opacity: 0.2', 31, 'opacity: 0.2'], 
    ['column2', 5, 'opacity: 0.2', 12, 'opacity: 0.2', 32, 'opacity: 0.2'], 
    ['column3', 5, 'opacity: 0.2', 13, 'opacity: 0.2', 33, 'opacity: 0.2'], 
    ['column4', 5, 'opacity: 0.2', 14, 'opacity: 0.2', 34, 'opacity: 0.2'], 
    ['column5', 5, 'opacity: 0.2', 15, 'opacity: 0.2', 35, 'opacity: 0.2'], 
    ['column6', 5, 'opacity: 0.2', 26, 'opacity: 0.2', 36, 'opacity: 0.2'] 
]);

jsfiddle

PS：你忘了標籤陣列中的一個指數

來源

2015-04-01 14:33:06 R3tep

令人驚歎，謝謝你！也感謝您的快速反應:) – Jin 2015-04-01 14:38:58

再次感謝R3tep，不知道協議是什麼，因爲這是我第一次發佈，但我有另一個問題。我希望第一堆的列完全不可見，所以第二個和第三個堆棧似乎是浮動的。我需要這樣做的原因是因爲我想製作一個谷歌尚未開發的瀑布圖。將不透明度設置爲0使其不可見，但是當您將鼠標懸停在這些透明列上時，可以看到它突出顯示數字和註釋。你怎麼能完全隱藏它，看起來好像沒有第一排堆疊柱。謝謝！ – Jin 2015-04-01 16:10:20

我建議你發佈一個新問題。這顯然是一個新問題;） – R3tep 2015-04-01 16:16:10

谷歌圖表堆疊柱形圖。如何風格每個單獨的堆疊物品（數據系列）

回答

相關問題