javascript - 对数表示

Question

我的值范围为 0 到 22050。我将它们线性绘制在 HTML Canvas 上。虽然图表显示正确 - 我想以对数刻度显示它们 - 相同的值，但 x 轴应表示 0、10、100、1000、10000、100000(而不是线性 0 - 22050)。有任何想法吗？谢谢

Answer 1

绘制 log10(y) 而不是 y，但标签刻度为 10^v 而不是 v。

您可以将 log10(y) 实现为 log(y)/log(10)。因此，Math.log 和 Math.pow 在 JavaScript 中应该足够了。

对于整数 v，这为您提供了 10 的幂，但如果您想要其间的其他点带有漂亮的标签，则需要使用合理的分数(例如 log10(2) 和 log10(5))，而不仅仅是四舍五入到 1小数或类似的数字。