了解 D3 域和范围

Question

我的温度范围为 33 度到 64 华氏度。我试图找出 59 度沿 y 轴跨越 600 像素的像素位置。这是一个柱形图。

完全公开，这是我一直在努力解决的家庭作业，只是还没有弄清楚。

var scale = d3.scale.linear().domain([33,64]).range([0,64]);

scale(59) 返回 53.677419354838705 这是错误的答案。 600 - 53.677419354838705 也是错误答案。

我可能缺少什么？

谢谢。

Answer 1

domain 是一组完整的值，因此在本例中是所有温度，从 33 到 64。range 是一组结果值的函数，在这种情况下，将温度从 0 缩放到 600 的结果值。

所以你快到了，你只是使用了错误的范围 - 在这种情况下，你的范围应该是你的 y 轴的跨度（0 - 600）：

var scale = d3.scale.linear().domain([33, 64]).range([0, 600]);

这将导致scale(59) 的输出为503.2258064516129。