D3径向条形图调整半径缩放

Question

如果有人检查这个块：

https://bl.ocks.org/mbostock/8d2112a115ad95f4a6848001389182fb

网格线以 20 为增量。但是，每条网格线的半径在放大时似乎并不相等：

我猜这有一些几何上的理由，但这不是我的图表所追求的。我只想要美学，我需要网格线圈彼此等距。

问题

如上块所示，使用 Bostock 的径向缩放脚本，有没有办法调整半径的缩放？我希望缩放是等距的。

Answer 1

你唯一需要做的就是改变这个......

var y = d3.scaleRadial()

...为此：

var y = d3.scaleLinear()

这里是仅具有该更改的 bl.ocks：https://bl.ocks.org/GerardoFurtado/0a0b22d15c4e715e4c748335e37330fb/1670bbcdfdcbed6b6a0ae2a56d5f153570d969d1

---

PS：这确实有一个几何解释：半径为2r 的圆的面积是半径为r 的圆的四 倍。这就是为什么我们总是（至少在真实图表中）将圆的半径缩放到编码数据的平方根。嗯，你提到了“我只想要美学”。作为一个恰好是 D3 程序员的数据可视化专家/爱好者，而不是相反，我建议你重新考虑你的方法并保持径向比例。将美学优先于信息的图表通常是糟糕的图表，而强加美学忽略信息的图表只是不真实的图表。