Graph Works in Firefox but not in Internet Explorer

475 views
Skip to first unread message

mborrill

unread,
Apr 1, 2012, 1:13:21 PM4/1/12
to Google Visualization API
Any reason why this doesnt work in IE but its fine in Firefox ? ,
thanks In advance

<html>
<head>
<script type="text/javascript" src="https://www.google.com/
jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Scanning Year 2012');

data.addRows([
['Jan', 45321, ],
['Feb', 1234, ],
['March', 36547, ],
['April', 36547, ],
['May', 55432, ],
['June', 44322, ],
['July', 34553,]
]);

var options = {
title: 'Scanning Total Year 2012',
hAxis: {title: 'Month', titleTextStyle: {color: 'Black'}}
};
animation:{
duration: 1000,
easing: 'out'
};
var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>

<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Scanning Year 2012');

data.addRows([
['Jan', 45321, ],
['Feb', 1234, ],
['March', 36547, ],
['April', 36547, ],
['May', 55432, ],
['June', 44322, ],
['July', 34553,]
]);

var options = {
title: 'Scanning Total Year 2012',
hAxis: {title: 'Month', titleTextStyle: {color: 'Black'}}
};

var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>





<script type="text/javascript" src="https://www.google.com/jsapi"></
script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Scanning Year 2012');

data.addRows([
['Jan', 45321, ],
['Feb', 1234, ],
['March', 36547, ],
['April', 36547, ],
['May', 55432, ],
['June', 44322, ],
['July', 34553,]
]);

var options = {
title: 'Scanning Total Year 2012',
hAxis: {title: 'Month', titleTextStyle: {color: 'Black'}}
};

var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>

<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Scanning Year 2012');

data.addRows([
['Jan', 45321, ],
['Feb', 1234, ],
['March', 36547, ],
['April', 36547, ],
['May', 55432, ],
['June', 44322, ],
['July', 34553,]
]);

var options = {
title: 'Scanning Total Year 2012',
hAxis: {title: 'Month', titleTextStyle: {color: 'Black'}}
};

var chart = new
google.visualization.ColumnChart(document.getElementById('chart1_div'));
chart.draw(data, options);
}
</script>







</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<div id="chart1_div" style="width: 900px; height: 500px;"></div>
</body>
</html>

ChartMan

unread,
Apr 1, 2012, 3:38:45 PM4/1/12
to google-visua...@googlegroups.com

I think you have trailing commas which fail in IE.

ChartMan

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
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

unread,
Apr 2, 2012, 10:10:01 AM4/2/12
to google-visua...@googlegroups.com
Your arrays like this one:

['Jan', 45321, ]

contain an errant comma at then end, which causes IE to have an aneurysm.  

mbor...@talktalk.net

unread,
Apr 2, 2012, 2:28:37 PM4/2/12
to google-visua...@googlegroups.com

Thanks drew ;O 
----Original Message----
From: drew_g...@abtassoc.com
Date: 02/04/2012 15:10
To: <google-visua...@googlegroups.com>
Subj: [visualization-api] Re: Graph Works in Firefox but not in Internet Explorer

Your arrays like this one:

['Jan', 45321, ]

contain an errant comma at then end, which causes IE to have an aneurysm.  

On Sunday, April 1, 2012 1:13:21 PM UTC-4, mborrill wrote:
Any reason why this doesnt work in IE but its fine in Firefox ? ,
thanks In advance

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/
jsapi"></script>
    <script type="text/j_avascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.seto_nLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Year');
        data.addColumn('number', 'Scanning Year 2012');

        data.addRows([
          ['Jan', 45321, ],
          ['Feb', 1234, ],
          ['March', 36547, ],
                    ['April', 36547, ],
                          ['May', 55432, ],
                            ['June', 44322, ],
          ['July', 34553,]
        ]);

        var options = {
          title: 'Scanning Total Year 2012',
          hAxis: {title: 'Month', titleTextStyle: {color: 'Black'}}
        };
        animation:{
        duration: 1000,
        easing: 'out'
 };
        var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>

        <script type="text/j_avascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.seto_nLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Year');
        data.addColumn('number', 'Scanning Year 2012');

        data.addRows([
          ['Jan', 45321, ],
          ['Feb', 1234, ],
          ['March', 36547, ],
                    ['April', 36547, ],
                          ['May', 55432, ],
                            ['June', 44322, ],
          ['July', 34553,]
        ]);

        var options = {
          title: 'Scanning Total Year 2012',
          hAxis: {title: 'Month', titleTextStyle: {color: 'Black'}}
        };

        var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>





        <script type="text/j_avascript" src="https://www.google.com/jsapi"></
script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.seto_nLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Year');
        data.addColumn('number', 'Scanning Year 2012');

        data.addRows([
          ['Jan', 45321, ],
          ['Feb', 1234, ],
          ['March', 36547, ],
                    ['April', 36547, ],
                          ['May', 55432, ],
                            ['June', 44322, ],
          ['July', 34553,]
        ]);

        var options = {
          title: 'Scanning Total Year 2012',
          hAxis: {title: 'Month', titleTextStyle: {color: 'Black'}}
        };

        var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>

        <script type="text/j_avascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.seto_nLoadCallback(drawChart);

--
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/-/QPdQQfU78SoJ.
Reply all
Reply to author
Forward
0 new messages