试图了解 d3.js 中的对数刻度如何工作

Question

我想了解为什么方程没有给出预期的结果。

我无法解码这个 returns 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

Answer 1

Log scales 的形式为 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.

试图了解 d3.js 中的对数刻度如何工作

Trying to understand how log scale in d3.js works

javascript

d3.js