Well.. I also find same issue.. here you can see : https://google-developers.appspot.com/chart/interactive/docs/gallery/areachart
even chart samples do not work on safari. On Wednesday, December 14, 2016 at 8:17:18 PM UTC+5:30, Daniel LaLiberte wrote: > > Hi Ankit, > > I notice you have an extra comma after the last element of your second > data array. This will leave an undefined value which will likely cause an > error. Some browsers may ignore it, but I am not sure what Safari does > these days. Try to remove it and see what happens. > > > http://stackoverflow.com/questions/29053/javascript-browser-quirks-array-length > > Otherwise, it would be helpful to know more about what "not working" > means. Is there a JS console error message? Can you simplify the code to > narrow down where the problem is? > > On Tue, Dec 13, 2016 at 11:13 PM, Ankit Kumar <[email protected] > <javascript:>> wrote: > >> >> <script type="text/javascript" src=" >> https://www.gstatic.com/charts/loader.js";></script> >> <script type="text/javascript"> >> google.charts.load('current', { packages: ['corechart', 'bar'] }); >> google.charts.setOnLoadCallback(drawBasic); >> >> function drawBasic() { >> >> var data = google.visualization.arrayToDataTable([ >> ['City', '2010 Population', ], >> ['New York City, NY', 8175000], >> ['Los Angeles, CA', 3792000], >> ['Chicago, IL', 2695000], >> ['Houston, TX', 2099000], >> ['Philadelphia, PA', 1526000] >> ]); >> var data = google.visualization.arrayToDataTable([ >> ['Element', 'Density', { role: 'style' }, { role: 'annotation' >> }], >> ['New York City, NY', 21.45, '#8EC760', 'RM 12.21'], >> // RGB value >> ['Chicago, IL', 20.45, '#DF5A51', 'RM 9.25'], // >> English color name >> ['Houston, TX', 15.30, '#FECC39',''], >> ['Philadelphia, PA', 10.49, '#45CBFE',''],// CSS-style >> declaration >> ['Philadelphia, PB',8.94, '#FF7E00',''], >> ]); >> var options = { >> >> hAxis: { >> textPosition: 'none', gridlines: { >> color: 'transparent' >> } >> }, >> vAxis: { >> textPosition: 'none' >> }, >> legend: { position: 'none' }, >> 'tooltip': { >> trigger: 'none' >> } >> //title: 'Population of Largest U.S. Cities', >> //chartArea: { width: '50%' }, >> //hAxis: { >> // title: 'Total Population', >> // minValue: 0 >> //}, >> //vAxis: { >> // title: 'City' >> //}, >> >> }; >> >> >> var chart = new >> google.visualization.BarChart(document.getElementById('custRunnwise')); >> >> chart.draw(data, options); >> $(window).resize(function () { >> chart.draw(data, options); >> }); >> } >> >> -- >> 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] >> <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> Visit this group at >> https://groups.google.com/group/google-visualization-api. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/google-visualization-api/3846bcdc-f0c9-4880-a92f-ce736cff3343%40googlegroups.com >> >> <https://groups.google.com/d/msgid/google-visualization-api/3846bcdc-f0c9-4880-a92f-ce736cff3343%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> For more options, visit https://groups.google.com/d/optout. >> > > > > -- > Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> > [email protected] <javascript:> 5CC, Cambridge MA > -- 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 https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/849c2743-317e-408c-9d0d-43591566d256%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
