Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从Google Visualization的柱形图中手动选择一个条形图_Javascript_Google Visualization - Fatal编程技术网

Javascript 从Google Visualization的柱形图中手动选择一个条形图

Javascript 从Google Visualization的柱形图中手动选择一个条形图,javascript,google-visualization,Javascript,Google Visualization,我用谷歌可视化的柱状图制作了一张图表,如下所示 它基本上是一个使用3 x 7矩阵的叠层柱状图。在每个栏中,我删除另外两行的数据。 我的问题是如何使用Javascript代码使黄色条或其他条看起来像是从一开始就被单击过。就像下面一样 *请注意黄色条中的灯光边框。您可以通过调用图表上的setSelection以编程方式选择条。只有在启动就绪事件后才能执行此操作,即您可以在触发此事件时按如下方式设置选择: google.visualization.events.addListener(chart, '

我用谷歌可视化的柱状图制作了一张图表,如下所示

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


*请注意黄色条中的灯光边框。

您可以通过调用图表上的setSelection以编程方式选择条。只有在启动就绪事件后才能执行此操作,即您可以在触发此事件时按如下方式设置选择:

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

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

下面是一个工作示例,我们在绘制图表后以编程方式选择第二个条形图:

当我运行示例时,与我的应用程序中使用的相同类型的东西相同,我没有在条形图周围获得光边框。