小编iss*_*eng的帖子

d3 对数刻度:基数不起作用?

我觉得这可能只是我误解了对数刻度的工作原理,但我似乎无法让 D3 对数刻度基工作。

这个小提琴中,我尝试使用相同的 base10 刻度集创建三个刻度,base10 对数刻度、base4 对数刻度和 base2 对数刻度。根据我对对数刻度的外行理解,以 10 为底的对数刻度看起来是正确的——十的幂在轴上等距分布。但是,base4 和 base2 的比例是相同的——在我看来,标签应该在这两个比例上向右压缩。这是怎么回事?

繁琐的代码:

ticks = [1, 10, 100, 1000, 10000, 100000, 1000000, 10000000]
elems = { ten: 10, four: 4, two: 2 }

for selector, base of elems
  dom = d3.select('.scale.' + selector)
  scale = (new d3.scale.log()).base(base).domain([ 0.5, 10000000 ]).range([ 0, 500 ])

  dom.selectAll('div')
    .data(ticks)
    .enter().append('div')
      .text((x) -> x)
      .style('left', (x) -> scale(x) + 'px')
Run Code Online (Sandbox Code Playgroud)

d3.js

5
推荐指数
1
解决办法
800
查看次数

标签 统计

d3.js ×1