Indeed the reason these charts do not show up on Android is the lack of SVG support. If it will be supported in the future, then the charts will work there, but until then, there is no workaround for this.
Regards, VizGuy On Wed, May 26, 2010 at 2:50 PM, victorgoh <[email protected]> wrote: > Hi Atif, > > I have the same issue on my Android HTC Legend. It looks like the > reason for this is the Android default browser doesn't support SVG. > The charts are rendered using SVG in the Visualization API. This issue > is reported in http://code.google.com/p/android/issues/detail?id=1376. > > If you have Opera Mini on your Android phone, the chart will display > in Opera Mini without any problem. The chart also displays in the > iPhone Simulator. > > On May 18, 3:05 am, Atif Musaddaq <[email protected]> wrote: > > Hi, All > > > > I have a simple graphhttp://www.psa.rwth-aachen.de/test/ > > > > <http://www.psa.rwth-aachen.de/test/>and if i access it via my android > phone > > it doesn't display also not in simulator. do any one know whats the > problem. > > > > here is the simple code. > > > > <html> > > <head> > > <!--Load the AJAX API--> > > <script type="text/javascript" src="http://www.google.com/jsapi > > "></script> > > <script type="text/javascript"> > > > > // Load the Visualization API and the piechart package. > > google.load('visualization', '1', {'packages':['piechart']}); > > > > // 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 our data table. > > var data = new google.visualization.DataTable(); > > data.addColumn('string', 'Task'); > > data.addColumn('number', 'Hours per Day'); > > data.addRows([ > > ['Work', 11], > > ['Eat', 2], > > ['Commute', 2], > > ['Watch TV', 2], > > ['Sleep', 7], > > ['Sport', 9] > > ]); > > > > // Instantiate and draw our chart, passing in some options. > > var chart = new > > google.visualization.PieChart(document.getElementById('chart_div')); > > chart.draw(data, {width: 400, height: 240, is3D: false, title: > 'My > > Daily Activities'}); > > } > > </script> > > </head> > > > > <body> > > <!--Div that will hold the pie chart--> > > <div id="chart_div"></div> > > </body> > > </html> > > > > -- > > Atif Musaddaq > > Master in Media Informatics, > > RWTH Aachen & University of Bonn, > > Germany. > > [email protected] > > > > -- > > 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]<google-visualization-api%[email protected]> > . > > For more options, visit this group athttp:// > groups.google.com/group/google-visualization-api?hl=en. > > -- > 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]<google-visualization-api%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > > -- 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.
