angularJS中的c3图表

Question

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

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

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

如何将 json 值传递给图表？

Answer 1

data.json 需要以下格式：

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

您可以将多个列传递给data.json，也可以手动添加每个列。

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
  }
}