2016-08-17 34 views
1

example of c3.js,由c3.js:经由另一数据源改变散点图半径?

data: { 
    x: 'setosa_x', 
    columns: [ 
     ["setosa_x", ...SOME DATA...], 
     ["setosa", ...SOME OTHER DATA...], 
    ], 
    type: 'scatter' 
}, 

生成的散点图和谷歌和stackoverflow告诉我,我可以改变散点图的气泡的半径与该方式:

point: { 
    r: function(d) { // <- d has x, value, and index 
     return d.x+d.value+d.index; 
    } 
} 
以这种方式

,我可以访问给定的数据列中的所有信息(xvalueindex)具有仅xvalue用于改变半径的数据。但我想添加额外的数据为半径,通过这个半径功能r: function(d) {}访问数据。提前致谢!

回答

2

你的意思是这样的吗?

var otherData = [17, 11, 4, 8, 12, 34] 

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 30, 200, 100, 400, 150, 250], 
      ['data2', 50, 20, 10, 40, 15, 25] 
     ], 
     type: 'scatter', 

    }, 
    point: { 
     r: function(d) { return otherData[d.index]; }, 
    } 
}); 
+0

尽管'otherData'没有涉及c3结构,这太棒了。这有助于很多,并感谢答案。 – Leonard2

+0

+1 @mgraham,这里使用其他数据集我们设置半径。但我们将如何缩放x或y轴 - 我的意思是使用比例函数 – sureshd