![](/img/trans.png)
[英]Google Charts - Change the color of column in clickable label ColumnChart
[英]ColumnChart google visualization column color change
有没有人知道我是否可以以某种方式破解谷歌的可视化ColumnChart api图表,使单个列以不同的颜色脱颖而出,如下所示:
我知道你可以用ImageChart来做,所以我不需要它(它不会触发任何事件,也没有x / y标签)。
我可以用某种方式遍历javascript结果并更改CSS样式,如果它真的在SVG中呈现?
一个非常便宜的黑客(效果很好)如下:
在图表的选项中,执行:isStacked(true);
现在将数据传递到两个单独的系列中:除了在你的异色条上,一个零到处都是零,一个只在异色条上为零。 “堆叠”栏会产生您在屏幕截图中发布的效果。
好吧,使用jQuery我能够得到我的iframe的图表。 它不漂亮,但它的工作原理。 它也比使用原型短:
$('#google-chart iframe').contents().find("#chartArea g>g>rect")[2].attributes['5'].value = "#eea746";
在上面的代码中,属性['5']指的是rect对象的“fill”属性。
如果你想确定它可以遍历结果(它通过它的外观生成内联svg片段),只需打开你最喜欢的web调试工具(opera dragonfly,firebug或webkit web inspector)来查看它的样子。
我猜测只使用API使一个条形图有不同的颜色可能更简单,但如果你想遍历树并为它指定一些应该可以正常工作的样式。 您可以使用标准DOM核心方法遍历树,就像在HTML中一样,例如firstChild, nextSibling, parentNode
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.