d3.js中对数刻度的工作原理

omqzjyyz  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(138)

我试图理解为什么这个方程没有给予想要的结果。
我无法解码它如何返回90.96?即使使用等式log y = m log x + log k我也不能得到相同的结果。使用Δ log y除以Δ log x得到m

const logScale = d3.scaleLog()
                   .domain([1, 1000])
                   .range([10, 100]);

console.log(logScale(500)); // returns 90.96
z4bn682m

z4bn682m1#

对数刻度的形式为y = m log(x)+ B。默认情况下,它是以10为底的对数。

const logScale = d3.scaleLog()
  .domain([1, 1000])
  .range([10, 100]);

m = 30和B = 10。所以你可以把它想成

function logScale(x) {
  return 30 * Math.log10(x) + 10;
}

编辑:解释我如何得到B = 10和m = 30
从定义域和值域中,我们知道logScale(1) === 10。我们也知道Math.log10(1) === 0。因此,当x为1,y为10时,方程y = m * log(x)+ B变为10 = m * 0 + b,因此我们知道b为10。现在我们可以插入另一个(x,y)对来得到m。例如,我们可以从定义域和值域中选择最大值:100 = m * log(1000)+10。因此,m = 90 / log(1000),即为30。

相关问题