javascript - 从 Google Visualization 的 ColumnChart 中手动选择一个栏

Question

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

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

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

Answer 1

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

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

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

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