javascript - 从 Google Visualization 的 ColumnChart 中手动选择一个条形图

Question

我像这样使用 Google Visualization 的 ColumnChart 制作了一个图表。

它基本上是一个使用 3 x 7 矩阵的堆积柱形图。在每个栏中，我删除了另外两行的数据。我的问题是如何使用 Javascript 代码使黄色栏(或其他栏)看起来像是从一开始就被点击过的。就像下面一样。

*注意黄色条中的浅色边框。

Answer 1

您可以通过在图表上调用 setSelection() 以编程方式选择一个柱。这只能在触发“就绪”事件后完成，即您可以在触发此事件时设置选择，如下所示:

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

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

这是一个工作示例，我们在绘制图表后以编程方式选择第二个柱:http://jsfiddle.net/FFEZT/