I seem to have a problem running this line chart on Internet Explorer 7. The way the code is setup is to hover over points to see the pop up tooltip, and when clicked, go to a URL (in this case, www.google.com). It seems to work fine in Firefox, Safari, and Chrome but in Internet Explorer, the clicking of the point to go to the URL doesn't work. You can see the highlighting of the point in the other browsers, but not in IE.
I wasn't sure if I needed to post this to issues, but I wanted to make sure I wasn't doing something wrong in javascript that would clear up the problem across all browsers. Thanks in advance... Here is the sample code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en"> <head> <title>Chart Test</title> </head> <body> <script type="text/javascript" src="http://www.google.com/jsapi";></ script> <script type="text/javascript"> google.load("visualization", "1", {packages:["linechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var jsonResults = {"rows":[{"c":[{"v":"Nov 07"},{"p": {"url":"http://www.google.com"},"v":0.93,"f":"93.0%"},{"p": {"url":"http://www.google.com"},"v":0.9378,"f":"93.8%"},{"p": {"url":"http://www.google.com"},"v":0.9657,"f":"96.6%"}]},{"c": [{"v":"Dec 07"},{"p":{"url":"http://www.google.com"},"v": 0.93,"f":"93.0%"},{"p":{"url":"http://www.google.com"},"v": 0.9728,"f":"97.3%"},{"p":{"url":"http://www.google.com"},"v": 0.9482,"f":"94.8%"}]},{"c":[{"v":"Jan 08"},{"p":{"url":"http:// www.google.com"},"v":0.93,"f":"93.0%"},{"p":{"url":"http://www.google.com"},"v":0.9545,"f":"95.4%"},{"p":{"url":"http://www.google.com"},"v":0.9736,"f":"97.4%"}]}],"cols":[{"type":"string","label":"Month","id":"month"},{"type":"number","label":"Target","id":"target"},{"type":"number","label":"First Inc","id":"firstInc"},{"type":"number","label":"Second Inc","id":"secondInc"}]}; var data = new google.visualization.DataTable(jsonResults, 0.6); var chartData = new google.visualization.LineChart (document.getElementById('chart_div')); chartData.draw(data, {width: 350, height: 250, tooltipWidth: 130, legend: 'bottom', titleY: 'Percentile'}); // event handling google.visualization.events.addListener(chartData, 'select', function(e) { var aSelection = chartData.getSelection(); window.location.href=data.getProperties(aSelection[0].row, aSelection[0].column).url; }); google.visualization.events.addListener(chartData, 'onmouseover', function(e) { chartData.setSelection([e]); }); google.visualization.events.addListener(chartData, 'onmouseout', function(e) { chartData.setSelection([{'row': null, 'column': null}]); }); } </script> <div id='chart_div'></div> </body></html> -- 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.
