Question

Does anyone know if I can hack google’s visualization ColumnChart api chart somehow, to make a single column stand out with a different color, like so:

I know you can do it with ImageChart, so I don’t need that (it fires no events and has no x/y labels).

Can I traverse the result with javascript somehow and change the CSS style, if it is truly rendered in SVG?

Answer 1

Well using jQuery I was able to get to my iframe for the graph. It’s not pretty, but it works. It’s also shorter than using prototype:

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

In the code above attributes[‘5’] refers to the “fill” attribute of the rect object.