ColumnChart谷歌可视化列颜色更改

Question

有没有人知道我是否可以以某种方式破解谷歌的可视化ColumnChart api图表,使单个列以不同的颜色脱颖而出,如下所示:

替代文字http://i46.tinypic.com/106gb39.png

我知道你可以用ImageChart来做,所以我不需要它(它不会触发任何事件,也没有x/y标签).

我可以用某种方式遍历javascript结果并更改CSS样式,如果它真的在SVG中呈现？

Answer 1

一个非常便宜的黑客(效果很好)如下:

在图表的选项中,执行:isStacked(true);

现在将数据传递到两个单独的系列中:除了在你的异色条上,一个零到处都是零,一个只在异色条上为零."堆叠"栏会产生您在屏幕截图中发布的效果.

Answer 2

好吧,使用jQuery我能够得到我的iframe的图表.它不漂亮,但它的工作原理.它也比使用原型短:

$('#google-chart iframe').contents().find("#chartArea g>g>rect")[2].attributes['5'].value = "#eea746";                                         

在上面的代码中,属性['5']指的是rect对象的"fill"属性.