업로드 할 때 Google 차트가 작동하지 않습니다.

Firefox에서 Google 차트를 사용하려고합니다. Google에서 예제 코드를 복사하여 바탕 화면의 html 파일에 저장하면 차트가 제대로 작동합니다. 동일한 html 파일을 업로드하면 차트가 작동하지 않고 오류가 발생합니다. ReferenceError : google이 정의되지 않았습니다. 내가 사용하고있는 코드의 jsfiddle을 만들었습니다.업로드 할 때 Google 차트가 작동하지 않습니다.

아무도 왜 이런 일이 벌어지고 있으며 문제를 해결할 수 있는지 말해 줄 수 있습니까? 대신

<html> 
    <head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
     google.charts.load('current', {'packages':['corechart']}); 
     google.charts.setOnLoadCallback(drawChart1); 

     function drawChart1() { 

     var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work',  11], 
      ['Eat',  9] 
     ]); 

     var options = { 
      title: 'My Daily Activities', 
      is3D: true, 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('piechart')); 

     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="piechart" style="width: 900px; height: 500px;"></div> 
    </body> 
</html>

출처

2017-05-19 Jecker

JSFiddle 데모는 저에게 잘 작동합니다. –

브라우저에 오류가 있습니까? ** 개발자 ** 도구 콘솔 - 사용해 본 모든 브라우저에서 작동합니까? 어떤 브라우저를 사용하고 있습니까? –

'ReferenceError : google is not defined '- 외부 스크립트가로드에 실패했음을 의미합니다. 콘솔에 표시됩니다. –

Firefox에서 Google Disconnect라는 부가 기능이 발견되었습니다. 애드온이 비활성화되면 그래프가 올바르게 작동하기 시작합니다.

출처

2017-05-19 16:21:54 Jecker

var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work',  11], 
      ['Eat',  9] 
     ]);

당신은 당신의 코드를보다 명확하게해야한다 : 왜이 방법은 더 효과적

function drawChart() { 


// Define the chart to be drawn. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Element'); 
    data.addColumn('number', 'Percentage'); 
    data.addRows([ 
    [' string ', ' Element'] 

    ]); 

    // Instantiate and draw the chart. 
    var chart = new google.visualization.PieChart(document.getElementById('myPieChart')); 
    chart.draw(data, null);

구글 차트 라이브러리를 표시 할 수 있습니다. https://developers.google.com/chart/interactive/docs/basic_load_libs

출처

2017-05-19 14:24:55

업로드 할 때 Google 차트가 작동하지 않습니다.

답변

관련 문제