有没有办法使用 3 个变量（x、y、z）在 c3.js 中创建气泡图？答案

【问题标题】：Is there a way to create a bubble chart in c3.js using 3 variables (x,y,z)?有没有办法使用 3 个变量（x、y、z）在 c3.js 中创建气泡图？
【发布时间】：2017-06-27 20:33:22
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript c3.js

【解决方案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]
    }
},

See this fiddle

【讨论】：