javascript - Google 饼图不会填充

Question

我在使用 json 数据填充饼图时遇到问题。

function drawChart() {

  // Create the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Topping');
  data.addColumn('number', 'Slices');
  var dataArray = [];
  var innerArray = [];

  $.ajax({
        url:"/investigation/getCauses.do?disaster_type="+$("#disasterTypeLv3").val()
        ,dataType:"json"
    }).done(function(jsdata){
        console.log(jsdata);

        if(jsdata.causes!=undefined && jsdata.causes.length>0){
            causes = jsdata.causes;



            for(var i=0; i<causes.length; i++){
                 cause = causes[i];
                 console.log([cause.category_nm, cause.ccnt]);
                 innerArray[i] = [cause.category_nm, cause.ccnt];
            }
            //arrayToDataTable method
            dataArray[0] = innerArray;
            data = google.visualization.arrayToDataTable(dataArray);

            //using an array
            //data.addRows(innerArray);  
            console.log(innerArray);
            console.log([
                         ['Mushrooms', 7],
                         ['Onions', 1],
                         ['Olives', 1],
                         ['Zucchini', 1],
                         ['Pepperoni', 2],
                         ['Olives', 1],
                         ['Zucchini', 1],
                         ['Pepperoni', 2]
                       ]);
        }

    }); 






  // Set chart options
  var options = {
                //'title':'H ow Much Pizza I Ate Last Night'
                'width':380
                 ,'height':380
                //,chartArea:{width: '200', height:'200'}               
  };

  // Instantiate and draw our chart, passing in some options.
  var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

arrayToDataTable 和 addRows 都没有填充我的图表。
首先记录 innserArray，然后记录 Google Developers 中的示例代码产生相同的结果。

我使用 arrayToDataTable 或 innerArray 都没有数据。当我简单地用以下内容替换数组变量时，一切正常。

data.addRows([
                 ["Mushrooms", 7],
                 ["Onions", 1],
                 ["Olives", 1],
                 ["Zucchini", 1],
                 ["Pepperoni", 2],
                 ["Olives", 1],
                 ["Zucchini", 1],
                 ["Pepperoni", 2]
               ]);

我在这里缺少什么？

Answer 1

请尝试这个:

Google 饼图需要确定这些数据的标签。

• 食谱例如:蘑菇等

• 计数:例如:1,2,4

  data.addRows([['Recipe','Count'],["Mushrooms", 7],["Onions", 1],["Olives", 1],["Zucchini", 1],["Pepperoni", 2],["Olives", 1],["Zucchini", 1], ["Pepperoni", 2]
  ]);