Google Visualization Charts doesn't rendner on iPhone 5s

24 views
Skip to first unread message

Anjanesh Lekshminarayanan

unread,
Dec 26, 2022, 7:58:31 PM12/26/22
to Google Chart API

Does Google Visualization Charts not work on iPhone 5s ?

the result on iPhone 5s on browserstack is a blank white page.

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
    function drawVisualization() {

      var data_monthly = google.visualization.arrayToDataTable([
        ['', 'interest', 'principal'],
        [1, 197.26, 166.8],
        ...
        [35, 20.57, 343.49],
        [36, 10.81, 353.25]
      ]);  
      var data = data_monthly;
      periods = data['Wf'][data['Wf'].length -  1]['c'][0]['v'];  

      let ticks = [0], start = 6; interval = 6;
      if (periods < 20) { start = 1; interval = 1; }                              
      for (let i = start; i <= periods; i += interval)
      {
        ticks.push(i);
      }
      ticks.push(periods);

      new google.visualization.ColumnChart(document.getElementById('chart')).
          draw(data,
               {
                 title:"",
                  legend: {position: 'top'},
                  vAxis: {title: "Y-Axis Label", viewWindowMode: 'maximized', textPosition: 'none', titleTextStyle: {italic: false}},
                  isStacked: true,                                          
                  hAxis: {title: "X-AXis Label", titleTextStyle: {italic: false}, ticks: ticks},
                  series: {
                    0: {'color': '#87a1cc'},
                    1: {'color': '#d5dce6'}
                  }
               }
           );
    }
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawVisualization);
</script>

Reply all
Reply to author
Forward
0 new messages