Google圖表-圖形不顯示

Question

這部分代碼旨在顯示圖表，但不會：

  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    data.addcColumn('string', 'Type');
    data.addColumn('number', 'Job Registration');
    data.addRows([
  <?php foreach ($chart_result as $result) {
            echo $result;
        }?>  
    ]);

    var options = {
      title: 'Job Registration by Type',
      hAxis: {title: '',  titleTextStyle: {color: 'red'}}
    };

    var chart = new google.visualization.ColumnChart(document.getElementById('visualization'));
    chart.draw(data, options);
  }

當我提交表單並查看頁面源代碼時，這是data.addRows的結果：

data.addRows([
  [' Engineer',1],['Assistant',1],['Developer',4],[' Ninja!',1],['Web Application Developer',1],  
    ]);

這對我來說似乎是正確的，但這是我第一次使用Google Analytics（分析）（或JavaScript ...），並且我正在密切關注現有圖表的示例，因此可能根本不正確。 任何想法為什么這可能不起作用？

干杯

Answer 1

你有兩個問題。

首先是您不定義數據。

將以下行添加到您的代碼中：

var data = new google.visualization.DataTable();

第二個是愚蠢的語法錯誤：

data.addcColumn('string', 'Type');

應該：

data.addColumn('string', 'Type');

並像魔術一樣使用它們：

function drawVisualization() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Type');
  data.addColumn('number', 'Job Registration');
  data.addRows([
    [' Engineer',1],
    ['Assistant',1],
    ['Developer',4],
    [' Ninja!',1],
    ['Web Application Developer',1],  
  ]);

  var options = {
    title: 'Job Registration by Type',
    hAxis: {title: '',  titleTextStyle: {color: 'red'}}
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('visualization'));
  chart.draw(data, options);
}