Add an HTML node to your page above the chart's div, and use these event
listeners:
google.visualization.events.addListener(chart, 'onmouseover', function (e) {
if (typeof(e.row) != 'undefined' && e.row != null) {
document.getElementById('txt').innerHTML = '<b>' + data.
getColumnLabel(e.column) + '</b><br />' + data.getValue(e.row, 0) + ': ' +
data.getValue(e.row, e.column);
}
});
google.visualization.events.addListener(chart, 'onmouseout', function (e) {
document.getElementById('txt').innerHTML = '';
});
Replace 'txt' with the id of your HTML node.
On Wednesday, June 13, 2012 8:51:03 AM UTC-4, Sabareesh Viswanathan wrote:
>
> Hi
> I have integrated gchart in my application , but i have one
> regarding how to display labels on text on the column charts ,
> currently when mouse is moved on any of the charts i am getting a
> small info window displaying the value,
> how to display the same value as a text above the column chart ?
>
> Thank you
>
--
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/-/3yew8mJu9NcJ.
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.
