有没有办法在 Billboard.js 中以对数比例显示 Y 轴？答案

【问题标题】：Is there a way to display Y-axis in log scale in Billboard.js?有没有办法在 Billboard.js 中以对数比例显示 Y 轴？
【发布时间】：2019-07-01 17:13:58
【问题描述】：

我正在尝试以对数比例显示数据，以确保在存在较大值时可以看到较小的值。有没有办法在 Billboard.js 中做到这一点？如果您可以根据数据自动在线性和对数刻度之间切换，那就太好了。谢谢。

【问题讨论】：

标签： billboard.js

【解决方案1】：

没有对数刻度的选项，但您可以按原样进行可视化。
查看以下示例。

var chart = bb.generate({
	data: {
		columns: [
			["data1", 1, 10, 20, 30, 40]
		]
	},
	clipPath: false,
	axis: {
		y: {
			min: 1,
			tick: {
				values: [1, 10, 20, 30, 40, 50],
				format: function(x) {
					var value = x > 1 ? Math.pow(10, x/10) : x;

					return Number(value.toFixed(2));
				}
			},
			padding: {
				bottom: 0
			}
		}
	}
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/billboard.js/dist/billboard.css" />
  <script src="https://cdn.jsdelivr.net/npm/billboard.js/dist/billboard.pkgd.min.js"></script>
  <title>billboar.js - log scale</title>
</head>
<body>
  <div id="chart"></div>
</body>
</html>

【讨论】：