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记录示例代码，产生相同的结果。

我no data或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
```
with
```

谷歌饼图不会填充

1 个答案: