如何使用动态数据(JSON)绘制饼状图

Question

i get data in JSON

{"Excellent":"5","NeedsImprovement":"14","Average":"9"}

我如何使用AmCharts饼图/甜甜圈图与angular-js绘制JSON。

Answer 1

var data = JSON.parse(JSON_TEXT);
var dataProvider = [];
for(var key in data) {
  dataProvider.push({
    value: data[key],
    title: key,
  });
}

var chart = AmCharts.makeChart("chartdiv", {
  "type": "pie",
  "theme": "none",
  "dataProvider": dataProvider,
  "titleField": "title",
  "valueField": "value",
  "labelRadius": 5,
  "radius": "42%",
  "innerRadius": "60%",
  "labelText": "[[title]]"
});

和更新数据，你应该做

chart.dataProvider = newSetOfDataArray;
chart.validateData();