在angularJS中的c3图表

时间:2016-12-22 12:32:26

标签: angularjs c3.js

我使用角度js从URL获取我的JSON数据并分配给$scope.values。现在我想使用c3图表将此值提供给图表。

我有一个使用下面代码的虚拟图表。

jsonData.forEach(function(e) {
    sites.push(e.name);
    })    
var chart = c3.generate({
    bindto: '#chart1',
    data: {
        json: [ data ],

如何将json值传递给图表?

1 个答案:

答案 0 :(得分:0)

data.json期待以下格式:

data: {
  json: {
    data1: [1,3,3,7],
    otherdata: [9,0,0,0]
  }
} 

您可以将多列传递到data.json,也可以手动添加每个colmn。

var myjson = { data1:[1,3,3,7], data2:[9,0,0,0] }

data: {
      json: myjson
} 

var mydata = [1,3,3,7]

data: {
  json: {
    data1: mydata
  }
}