3

こんな風にGoogle VisualizationのColumnChartを使ってグラフを作ってみました。

ここに画像の説明を入力

これは基本的に、3 x 7 マトリックスを使用した積み上げ縦棒グラフです。すべてのバーで、他の 2 つの行のデータを削除します。私の問題は、Javascript コードを使用して、黄色のバー (または他のバー) を最初からクリックしたように見せる方法です。以下のように。

ここに画像の説明を入力

*黄色のバーの薄い境界線に注目してください。

4

1 に答える 1

5

チャートで setSelection() を呼び出すことにより、バーをプログラムで選択できます。これは、「準備完了」イベントが発生した後にのみ実行できます。つまり、次のように、このイベントがトリガーされたときに選択を設定できます。

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

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

チャートが描画された後、プログラムで 2 番目のバーを選択する実際の例を次に示します: http://jsfiddle.net/FFEZT/

于 2012-08-27T01:43:17.340 に答える