こんな風にGoogle VisualizationのColumnChartを使ってグラフを作ってみました。
これは基本的に、3 x 7 マトリックスを使用した積み上げ縦棒グラフです。すべてのバーで、他の 2 つの行のデータを削除します。私の問題は、Javascript コードを使用して、黄色のバー (または他のバー) を最初からクリックしたように見せる方法です。以下のように。
*黄色のバーの薄い境界線に注目してください。
こんな風にGoogle VisualizationのColumnChartを使ってグラフを作ってみました。
これは基本的に、3 x 7 マトリックスを使用した積み上げ縦棒グラフです。すべてのバーで、他の 2 つの行のデータを削除します。私の問題は、Javascript コードを使用して、黄色のバー (または他のバー) を最初からクリックしたように見せる方法です。以下のように。
*黄色のバーの薄い境界線に注目してください。
チャートで setSelection() を呼び出すことにより、バーをプログラムで選択できます。これは、「準備完了」イベントが発生した後にのみ実行できます。つまり、次のように、このイベントがトリガーされたときに選択を設定できます。
google.visualization.events.addListener(chart, 'ready', readyHandler);
function readyHandler(e) {
chart.setSelection([{"row":1,"column":1}]);
}
チャートが描画された後、プログラムで 2 番目のバーを選択する実際の例を次に示します: http://jsfiddle.net/FFEZT/