从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/