In LineChart package there was option to disable the tool tip by
setting enableTooltip to false.
I tried following to disable the tool tip and successful in Mozilla
Firefox but not working in IE.
tooltip_iframe =
window.frames[document.getElementById('visualization').firstChild.name];
tooltip_dom =
tooltip_iframe.document.getElementById('chart').firstChild.nextSibling.nextSibling;
tooltip_dom.style.display = 'none';
Even the custom tool tip can be set by its events. I tried further
with this, but unable to get the mouse over position i.e. X and Y co-
ordinates.
google.visualization.events.addListener(barsVisualization,
'onmouseover', barMouseOver);
google.visualization.events.addListener(barsVisualization,
'onmouseout', barMouseOut);
function barMouseOver(e) {
var row = e['row'];
var column = e['column'];
var priceval = data.getValue(e['row'], e['column']);
var tooltipelement =
document.getElementById('tooltip');
var tooltipdata = '<table class="text" border="0"
cellpadding="0" cellspacing="0"';
tooltipdata +='<tr>';
tooltipdata += '<td><b>Active Listings: </b>20';
tooltipdata += '</td>';
tooltipdata += '</tr>';
tooltipdata += '<tr>';
tooltipdata += '<td><b>Average Price Per Square Foot:
</b>';
tooltipdata += '$ ' + priceval;
tooltipdata +='</td>';
tooltipdata +='</tr>';
tooltipdata += '</table>';
tooltipelement.innerHTML = tooltipdata;
tooltipelement.style.display = "block";
}
function barMouseOut(e) {
barsVisualization.setSelection([{ 'row': null,
'column': null}]);
var tooltipelement =
document.getElementById('tooltip');
tooltipelement.style.display = "none";
}
--
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.
