d3中相等的远程刻度

时间:2014-06-05 16:50:36

标签: d3.js

我有以下x轴刻度:

[250,500,750,1000,1500,2000,3000,4000,6000,8000]

数字应作为刻度在x轴上绘制。进入的数据将只在x轴上具有上述值之一。我需要所有的刻度都相等。

我曾尝试使用d3.scale.quantize,但我很困惑如何整合w / d3.svg.axis,因为范围不再是0到最大宽度数量而是bucketed值。

有什么想法吗?

供参考,试图做到这一点:http://www.sfu.ca/sonic-studio/handbook/Graphics/Audiogram.gif

1 个答案:

答案 0 :(得分:0)

啊所以使用序数比例作为Lars在我的问题的评论中提到w / rangePoints的正确宽度是我正在寻找的。有点像...

labels = [250, 500, 750, 1000, 1500, 2000, 3000, 4000, 6000, 8000]
@x = d3.scale.ordinal().domain(labels).rangePoints([0, @config.width])