Javascript 从Google Visualization的柱形图中手动选择一个条形图
我用谷歌可视化的柱状图制作了一张图表,如下所示 它基本上是一个使用3 x 7矩阵的叠层柱状图。在每个栏中,我删除另外两行的数据。 我的问题是如何使用Javascript代码使黄色条或其他条看起来像是从一开始就被单击过。就像下面一样Javascript 从Google Visualization的柱形图中手动选择一个条形图,javascript,google-visualization,Javascript,Google Visualization,我用谷歌可视化的柱状图制作了一张图表,如下所示 它基本上是一个使用3 x 7矩阵的叠层柱状图。在每个栏中,我删除另外两行的数据。 我的问题是如何使用Javascript代码使黄色条或其他条看起来像是从一开始就被单击过。就像下面一样 *请注意黄色条中的灯光边框。您可以通过调用图表上的setSelection以编程方式选择条。只有在启动就绪事件后才能执行此操作,即您可以在触发此事件时按如下方式设置选择: google.visualization.events.addListener(chart, '
*请注意黄色条中的灯光边框。您可以通过调用图表上的setSelection以编程方式选择条。只有在启动就绪事件后才能执行此操作,即您可以在触发此事件时按如下方式设置选择:
google.visualization.events.addListener(chart, 'ready', readyHandler);
function readyHandler(e) {
chart.setSelection([{"row":1,"column":1}]);
}
下面是一个工作示例,我们在绘制图表后以编程方式选择第二个条形图:当我运行示例时,与我的应用程序中使用的相同类型的东西相同,我没有在条形图周围获得光边框。