The only method to highlight a column in the ColumnCharts is the
#setSelection method:
google.visualization.events.addListener(chart, 'ready', function () {
// highlight the data point for row 0 in the first data series
chart.setSelection([{row: 0, column: 1}]);
});
This can be overridden by users clicking another bar in the chart, though
(which you can, in turn, override by using an equivalent event listener
that listens on the 'select' event instead of the 'ready' event).
Other than that, targetting a specific column with CSS or javascript is
rather difficult.
Alternatively, you could color the bar a different color (which is
accomplished by putting it in a different data series). Typically, this
only works when your base data set is a single series or uses stacked
columns (as you have to set the "isStacked" option to true to make the
columns line up right). See one example
here<http://jsfiddle.net/asgallant/QHJA6/>,
which colors the bars by value.
On Thursday, September 27, 2012 9:37:18 AM UTC-4, Richard Emerson wrote:
>
> I shall like to highlight a particular Column in my bar chat sequence (
> either by changing the texture or changing the Border color or changing
> the width ).....I tried diff possible ways but was not successful
>
> I don't think Google had provided this yet. Is there any workaround for
> the same available or implements ?
>
--
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/-/nIn-PxivuDsJ.
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.
