Hello Every one. I just use google line chart (material) in my dashboard. 
It was working fine and deployed in production but 1 day ago it suddenly 
stopped working with error "Uncaught Error: one or more fonts could not be 
loaded". I tried a lot and it was my assumption that there might be some 
data issue which is coming from server. then I open google developer and 
take a running sample script with dummy data from jsfiddle. but still 
facing same error. I am not sure this is issue from googles side or what 
else.. Urgent help will much appreciated. 

Code sample 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml";>
<head runat="server">
    <script type="text/javascript" 
src="https://www.gstatic.com/charts/loader.js";></script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div id="linechart_material">
    
    </div>
    </form>
</body>
</html>
<script type="text/javascript" >


    google.charts.load('upcoming', { 'packages': ['line'] });
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Day');
        data.addColumn('number', 'Guardians of the Galaxy');
        data.addColumn('number', 'The Avengers');
        data.addColumn('number', 'Transformers: Age of Extinction');

        data.addRows([
          [1, 37.8, 80.8, 41.8],
          [2, 30.9, 69.5, 32.4],
          [3, 25.4, 57, 25.7],
          [4, 11.7, 18.8, 10.5],
          [5, 11.9, 17.6, 10.4],
          [6, 8.8, 13.6, 7.7],
          [7, 7.6, 12.3, 9.6],
          [8, 12.3, 29.2, 10.6],
          [9, 16.9, 42.9, 14.8],
          [10, 12.8, 30.9, 11.6],
          [11, 5.3, 7.9, 4.7],
          [12, 6.6, 8.4, 5.2],
          [13, 4.8, 6.3, 3.6],
          [14, 4.2, 6.2, 3.4]
        ]);

        var options = {
            chart: {
                title: 'Box Office Earnings in First Two Weeks of Opening',
                subtitle: 'in millions of dollars (USD)'
            },
            width: 900,
            height: 500
        };

        var chart = new 
google.charts.Line(document.getElementById('linechart_material'));

        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 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/da975b7d-5293-463d-b315-295419de7d47%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to