javascript - 设置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
            }
        }
    },