有没有办法使用 3 个变量 (x,y,z) 在 c3.js 中创建气泡图？

Question

我正在构建这个 project。其中有2个数据集。在这个例子中，只有 x 和 y 数据，但如果有 3d 维度呢？我该如何输入它来调整气泡的大小？

我知道我可以使用函数来调整气泡大小，但我可以进行某种类型的查找吗？搜索相关的 z 值以用作气泡大小？

point: {
r: function(d) { 
   return d.value * 5;
}

},

Answer 1

您可以在单独的对象中定义 Z 值：

var Z = {
    "id1": [0.2, ... , 0.2], // whatever values you want
    "id2": [1.4, ..., 1.3]
}

然后在点函数中可以获取当前点的id和索引。这样就可以得到z值：

point: {
    r: function(d) {
        return Z[d.id][d.index]
    }
},

Is there a way to create a bubble chart in c3.js using 3 variables (x,y,z)?