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