为 c3js 散点图图大小设置最大值

Question

我正在用C3js构建一个散点图，聊天图的大小取决于它自己的价值，我已经做了改变大小的方法但是当数字变大时，一个大图就会填满整个图表。

如何设置散点图的最大值？

point: {
        r: function(d) {
            return d.value * 0.01
        },
        focus: {
            expand: {
             enabled: true
            }
        }
    },

我相信我应该可以做些什么来修复它

Answer 1

嘿，你可以在你的方法中使用比例：-

var scale = d3.scale.linear()
                    .domain([minValue, maxValue])
                    .range([minR, maxR]);

在上面的行中提供了 minValue 和 maxValue，即您提供给 c3 lib 以绘制图表的数组的最小值和最大值。 minR 和 maxR：提供您想要的最小半径和最大比例。现在使用如下：-

var output=scale(input);

现在这个输出将在您定义比例时提到的范围内。你可以这样编码：-

point: {
        r: function(d) {
            return scale(d.value);
        },
        focus: {
            expand: {
             enabled: true
            }
        }
    },

为 c3js 散点图图大小设置最大值

set maximum value for c3js scatter chart plot size

javascript

plot

d3.js

c3.js