D3 js用于不平衡数据的缩放比例

Question

我必须绘制一些圆圈，其中“ r”属性取决于输入数据。 输入数据的问题是，与其余数据点相比，值之一很大，以至于我使用scaleLinear | 战俘 记录范围2-35; 我所有的圆的半径都在2-3之间，只有很少的数据点的半径是35。那么我可以使用哪种比例缩放这些数据以获得更好的视觉效果？

Answer 1

您可能使用d3.scaleQuantize 。 这是文档提供的示例：

var width = d3.scaleQuantize()
    .domain([10, 100])
    .range([1, 2, 4]);

width(20); // 1
width(50); // 2
width(80); // 4

或者，您可以编写自己的分类函数。 像这样（这里有3个类）：

如果输入数据<x => r = 2

否则，如果x <=输入数据<y => r = 8

否则（输入数据> = y）=> r = 14