Android Gingerbread: Cannot set property 'overflow' of null

547 views
Skip to first unread message

Shashank Jain

unread,
Mar 20, 2013, 11:27:24 AM3/20/13
to google-visua...@googlegroups.com
I'm using the first sample code for charts API on my Android Gingerbread and it shows and error, Cannot set property 'overflow' of null

I'm developing using Phonegap, hence using JS and HTML only. The interesting part is, it seems to work fine for Andorid ICS.

The sample code is here,


<html>
  <head>
    <!--Load the AJAX API-->
    <script type="text/javascript" src="../js/googletest.js"></script>
    <script type="text/javascript">
    
      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});
      
      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);


      // Callback that creates and populates a data table, 
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {

      // Create the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Topping');
      data.addColumn('number', 'Slices');
      data.addRows([
        ['Mushrooms', 3],
        ['Onions', 1],
        ['Olives', 1], 
        ['Zucchini', 1],
        ['Pepperoni', 2]
      ]);

      // Set chart options
      var options = {'title':'How Much Pizza I Ate Last Night',
                     'width':400,
                     'height':300};

      // Instantiate and draw our chart, passing in some options.
      var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
    </script>
  </head>

  <body>
<!--Div that will hold the pie chart-->
    <div id="chart_div" style="width:400; height:300"></div>
  </body>
</html>


Regards,
Shashank

Thomas Rybka

unread,
Mar 20, 2013, 11:41:48 AM3/20/13
to google-visua...@googlegroups.com
The fact that it works on ICS and not on GB is expected.

SVG is not supported by the Android Browser before Honeycomb.




Thomas Rybka | Software Engineer | try...@google.com | GViz



--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

asgallant

unread,
Mar 20, 2013, 2:57:49 PM3/20/13
to google-visua...@googlegroups.com
The Android browser for Gingerbread doesn't support SVG, so the API doesn't work on it.  SVG is supported in Honeycomb and later versions of Android only.
Reply all
Reply to author
Forward
Message has been deleted
0 new messages