2017-07-25 12 views
0

は、私は私のウェブサイト上の円グラフを作成しようと、私は、サンプルコードGoogleの円グラフ

<div id="piechart"></div> 

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 

<script type="text/javascript"> 
    // Load google charts 
    google.charts.load('current', {'packages':['corechart']}); 
    google.charts.setOnLoadCallback(drawChart); 

    // Draw the chart and set the chart values 
    function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work', 8], 
      ['Eat', 2], 
      ['TV', 4], 
      ['Gym', 2], 
      ['Sleep', 8] 
     ]); 

     // Optional; add a title and set the width and height of the chart 
     var options = {'title':'My Average Day', 'width':550, 'height':400}; 

     // Display the chart inside the <div> element with id="piechart" 
     var chart = new google.visualization.PieChart(document.getElementById('piechart')); 
     chart.draw(data, options); 
    } 
</script> 

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_google_pie_chart

を見つけました。しかし、私は唯一のエラーメッセージを取得:

表を列がありません。

誰かが私を助けることができますか?

おかげ

答えて

0

は生憎私はコメントすることはできません。

このコードの動作 - fiddle。このプロジェクトの詳細を教えてください。

フィドルのコードのサンプル

<div id="piechart"></div> 

編集:

表には列がありません。

ブラウザコンソールからこのエラーメッセージが表示されますか?

+0

私は店舗システム用の.tplファイルでスマートに使用します。 –