A small correction to the links:The methods<http://code.google.com/apis/visualization/documentation/gallery/columnchart.html#Methods> documentation The events<http://code.google.com/apis/visualization/documentation/gallery/columnchart.html#Events> documentation (the previous links were to the API, these links are to the column chart specific description)
On Tue, Sep 1, 2009 at 2:25 PM, MC Get Vizzy <[email protected]> wrote: > Hi Adam. > > A tooltip can be opened by a click on a bar or by using the setSelection() > method of the visualization. The setSelection method is documented > here<http://code.google.com/apis/visualization/documentation/reference.html#vissetselection> > and > it is very easily used with the visualization onmouseover and onmouseout > events<http://code.google.com/apis/visualization/documentation/reference.html#events> > in > order to create the effect you requested. > > Here is a short code snippet that causes the tooltip to open/close when the > mouse hovers/exists a bar: > > * function drawVisualization() {* > * visualization = new > google.visualization.ColumnChart(document.getElementById('table'));* > * visualization.draw(data, null);* > * > * > * // Add our over/out handlers.* > * google.visualization.events.addListener(visualization, > 'onmouseover', barMouseOver);* > * google.visualization.events.addListener(visualization, > 'onmouseout', barMouseOut);* > * }* > * > * > * function barMouseOver(e) {* > * visualization.setSelection([e]);* > * }* > * > * > * function barMouseOut(e) {* > * visualization.setSelection([]);* > * }* > > best, > MC Get Vizzy > > On Sun, Aug 30, 2009 at 7:23 PM, Adam <[email protected]> wrote: > >> >> Hi, >> >> Currently the only way to show a tooltip is to click on a bar. >> >> I want a tooltip (or floating div) to appear automatically next to the >> mouse cursor whenever the mouse cursor hovers over each bar. >> >> In order to do this I need the mouse cursor position but the >> onmouseover and onmouseout chart events do not supply these values. >> >> I would appreciate any help you can give me on this issue. >> >> thanks in advance, >> Adam. >> >> >> >> > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Visualization API" group. 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 -~----------~----~----~----~------~----~------~--~---
