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>