I've actually solved the problem by navigating down the DOM tree and
changing the element that pops-up when you hover/highlight *something:*
*
*
*div.google_chart svg g g g g rect {
fill:red;
}
*
This matches exactly the highlight-box, which appears around a bar if you
hover it and NO other element. Works like a charm. I guess you could also
change the border color / thickness or some other parameters, but this did
it for me :)
Thanks anyway for the help.
Cheers,
Peter
Am Sonntag, 28. Oktober 2012 19:19:29 UTC+1 schrieb Peter Ilfrich:
>
> Hi,
>
> So I have a ColumnChart and one of the built-in functionality is that you
> can hover over an item in the legend of the chart and you get some
> highlight-border around the corresponding columns in the chart.
>
> Now I have many columns and categories in my chart and a highlighted
> series/category is very hard to see, because the default behavior just
> shows a 1px gray border around the columns. My columns are only a few
> pixels width and I still need to differentiate 10 different categories (=10
> different colors). So picking only very light colors (where the border
> would be easy to spot) is no option. I've found no way of changing:
>
> a) The style of the highlight-border (primarily the color) or
> b) The color of the columns (fill color) when their respective category is
> selected in the legend.
>
> Help is highly appreciated!
>
> Thanks,
> Peter
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/soAht9a_EjMJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
