Re: [visualization-api] Magnifying glass not visible in IE 9
305 views
Skip to first unread message
Sachin Sankeshwari
Aug 16, 2012, 10:15:32 AM8/16/12
to google-visua...@googlegroups.com
Sorry,
Below is the code I am using without API key..
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', { 'packages': ['geochart'] });
google.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = google.visualization.arrayToDataTable(
[['City', 'Population', 'Area'],
['Rome', 2761477, 1285.31],
['Milan', 1324110, 181.76],
['Naples', 959574, 117.27],
['Turin', 907563, 130.17],
['Palermo', 655875, 158.9],
['Genoa', 607906, 243.60],
['Bologna', 380181, 140.7],
['Florence', 371282, 102.41],
['Fiumicino', 67370, 213.44],
['Anzio', 52192, 43.43],
['Ciampino', 38262, 11]]);
var options = { region: 'IT', displayMode: 'markers', colorAxis: { colors: ['green', 'blue'] } };
var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); chart.draw(data, options);
};
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;">
</div>
</body>
</html>
Thanks and Regards,
Sachin
Below is the code I am using without API key..
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', { 'packages': ['geochart'] });
google.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = google.visualization.arrayToDataTable(
[['City', 'Population', 'Area'],
['Rome', 2761477, 1285.31],
['Milan', 1324110, 181.76],
['Naples', 959574, 117.27],
['Turin', 907563, 130.17],
['Palermo', 655875, 158.9],
['Genoa', 607906, 243.60],
['Bologna', 380181, 140.7],
['Florence', 371282, 102.41],
['Fiumicino', 67370, 213.44],
['Anzio', 52192, 43.43],
['Ciampino', 38262, 11]]);
var options = { region: 'IT', displayMode: 'markers', colorAxis: { colors: ['green', 'blue'] } };
var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); chart.draw(data, options);
};
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;">
</div>
</body>
</html>
Thanks and Regards,
Sachin
On Thu, Aug 16, 2012 at 7:15 PM, saclines <capta...@gmail.com> wrote:
Hi,
I am using Google Geochart API and I am getting a problem in Internet Explorer. I am not able to get magnfying glass effect in internet Explorer 9 also.
I have read that it will not seen in IE 8 and below browsers but it can be seen in IE 9 however still I am not able to get it in IE 9.
Please see my code below. it is the same code that is given on https://developers.google.com/chart/interactive/docs/gallery/geochart page.
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi?key=AIzaSyCZfHRnq7tigC-COeQRmoa9Cxr0vbrK6xw'></script>
<script type='text/javascript'>
google.load('visualization', '1', { 'packages': ['geochart'] });
google.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = google.visualization.arrayToDataTable(
[['City', 'Population', 'Area'],
['Rome', 2761477, 1285.31],
['Milan', 1324110, 181.76],
['Naples', 959574, 117.27],
['Turin', 907563, 130.17],
['Palermo', 655875, 158.9],
['Genoa', 607906, 243.60],
['Bologna', 380181, 140.7],
['Florence', 371282, 102.41],
['Fiumicino', 67370, 213.44],
['Anzio', 52192, 43.43],
['Ciampino', 38262, 11]]);
var options = { region: 'IT', displayMode: 'markers', colorAxis: { colors: ['green', 'blue'] } };
var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); chart.draw(data, options);
};
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;">
</div>
</body>
</html>
Thanks and Regards,
Sachin
--
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/-/tNEHJJIKyPUJ.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
asgallant
Aug 16, 2012, 1:43:08 PM8/16/12
to google-visua...@googlegroups.com
It works just fine for me in IE9:
http://jsfiddle.net/asgallant/ZzpFb/
To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages