Download
Demo
gvTooltip has been created to add complete control over the very limited default tooltip provided in Google visualization charts. gvTooltip replaces the default tooltip with one that is completly customizable, letting you define what each tooltip says and how it looks.
For downloads and more documentation, please head over to Google code: gvtooltip.googlecode.com
gvTooltip currently works with the following charts:
Line Chart
Area Chart
Bar Chart
Column Chart
Pie Chart (still buggy with some options)
Options
gvTooltip can display a custom tooltip or can just remove the default Google chart tooltip. Here is a list of options for displaying a custom tooltip
maxWidth - maximum width the tooltip can grow to
offsetLeft - manual X offset
offsetBottom - manual Y offset
followMouse - whether the tooltip should follow the mouse position
position - where the tooltip should be positioned relative to the mouse
style - class style to be applied to the tooltip.
Demo
Position:
topLeft
topMiddle
topRight
rightTop
rightMiddle
rightBottom
bottomRight
bottomMiddle
bottomLeft
leftBottom
leftMiddle
leftTop
Style:
None
Clean
Dark
Blue
Orange
Green
Max Width:
100px
150px
200px
250px
300px
350px
400px
450px
500px
Type:
LineChart
AreaChart
BarChart
ColumnChart
Licensed under MIT. Have fun with this script, and please report any issues !
Back to blog posting