2012-08-07 32 views
3

我用這樣的Google Visualization的ColumnChart製作了一個圖表。從Google Visualization的ColumnChart手動選擇一個條形圖

enter image description here

它基本上使用3×7矩陣的堆疊柱形圖。在每個欄中,我刪除了另外兩行的數據。 我的問題是如何使黃色欄(或其他欄)看起來像從一開始就使用Javascript代碼點擊過。就像下面一樣。

enter image description here

*注意黃色欄中光邊框。

回答

4

您可以通過調用圖表上的setSelection()以編程方式選擇一個條。 「準備就緒」事件已被解僱後,這隻能做,即你可以在這個事件上的選擇被觸發如下:

google.visualization.events.addListener(chart, 'ready', readyHandler); 

function readyHandler(e) { 
    chart.setSelection([{"row":1,"column":1}]); 
} 

這裏的工作的例子,我們編程的圖表後選擇第二條已被繪製:http://jsfiddle.net/FFEZT/

+0

這是我一直在尋找。 謝謝! – 2012-08-27 02:24:12

+1

當我運行示例時(同樣使用[''](http://stackoverflow.com/questions/38040007/google-charts-manually-set-focus-on-column-數據在圖表/ 38165672#38165672)在我的應用程序)我沒有得到酒吧周圍的光邊框。 – 2017-05-16 05:12:03

相關問題