我使用 Google Visualization 的 ColumnChart 制作了一个图表,如下所示。
它基本上是一个使用 3 x 7 矩阵的堆积柱形图。在每个栏中,我删除了另外两行的数据。
我的问题是如何使黄色条(或其他条)看起来像是从一开始就使用 Javascript 代码被单击过。就像下面这样。
*注意黄色条中的浅色边框。
您可以通过调用图表上的 setSelection() 以编程方式选择柱形图。这只能在“ready”事件被触发后才能完成,即您可以在触发此事件时设置选择,如下所示:
google.visualization.events.addListener(chart, 'ready', readyHandler);
function readyHandler(e) {
chart.setSelection([{"row":1,"column":1}]);
}
这是一个工作示例,我们在绘制图表后以编程方式选择第二个条形:http://jsfiddle.net/FFEZT/ http://jsfiddle.net/FFEZT/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)