2016-08-17 58 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