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