Hello, the problem you're encountering is because your array is malformed. If you'll notice, the last line of your array looks like "['12', ]", and different browsers will interpret it differently. In Chrome specifically, this is parsed to ["12"] -- a one element array. This means that you don't have a valid 2D array that you're passing to the arrayToDataTable function. If you'll take note of your console, you'll notice that it gives the error "Not a valid 2D array."
Hope that helped! - Sergey On Mon, Apr 1, 2013 at 2:14 PM, Courtney <[email protected]>wrote: > I have created many different Google charts on different pages of a > website. They all display on Internet Explorer, Mozilla, etc., but > some display and some do not on Google Chrome and iPhones. There does > not seem to be any correlation between the graphs that are not > displaying. For some pages with multiple graphs, one will display > while the other two will not. Here is an example of code for a graph > that will not display on Google Chrome or an iPhone, but properly > displays on Internet Explorer: > > <SCRIPT src="https://www.google.com/jsapi"; type=text/javascript></ > SCRIPT> > > <SCRIPT type=text/javascript> > google.load("visualization", "1", {packages:["corechart"]}); > google.setOnLoadCallback(drawChart); > function drawChart(){ > > var data = google.visualization.arrayToDataTable([ > ['Year', 'Air Pollution Index'], > ['85', 43], > ['86', 37], > ['87', 37], > ['88', 36], > ['89', 34.5], > ['90', 32.5], > ['91', 36.8], > ['92', 29.8], > ['93', 28.5], > ['94', 30.8], > ['95', 27.1], > ['96', 27.6], > ['97', 26.7], > ['98', 27.7], > ['99', 25.5], > ['00', 27.25], > ['01', 27.23], > ['02', 25.65], > ['03', 23.87], > ['04', 22.41], > ['05', 24.66], > ['06', 22.85], > ['07', 21.11], > ['08', 19.31], > ['09', 16.9], > ['10', 15.2], > ['11', 16.9], > ['12', ] > ]); > > var options = { > 'legend':'none', > series: {0:{color: '#848484'}}, > title: 'AIR POLLUTION INDEX', > > titleTextStyle: {color: '#585858', fontName: 'arial narrow', bold: > false, fontSize: '13'}, > > 'lineWidth': '0', > 'pointSize':'5', > > hAxis: {title: 'Year', showTextEvery: '3',titleTextStyle: {color: > '#585858', > fontName:'arial narrow', bold:false, italic:false, > fontSize:'12'},baselineColor:'#D8D8D8'}, > > 'vAxis': {minValue: '0', maxValue: '50', baselineColor: 'FFFFFF'} > }; > > var chart = new > google.visualization.AreaChart(document.getElementById('chart_div')); > chart.draw(data, options); > } > </SCRIPT> > > -- > 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 [email protected]. > To post to this group, send email to > [email protected]. > 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. > > > -- 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 [email protected]. To post to this group, send email to [email protected]. 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.
