c3.js：通过另一个数据源改变散点图半径？

Question

从example of 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;
    }
}

通过这种方式，我可以访问所有信息（x，value，index），因为数据列只包含x和value数据改变半径。但是我想为半径添加额外的数据，并通过此半径函数r: function(d) {}访问数据。提前谢谢！

Answer 1

你的意思是这样吗？

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]; },
    }
});