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, 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 ?