将文本添加到D3轴的外部刻度

Posted 2021-03-30

使用d3创建基本轴时，似乎d3在选择要显示的刻度和值方面做得很好。当我有一个具有丑陋值的域（例如4.4而不是0）时，它将不会按预期显示外部刻度的任何文本。

我的问题是，如何为外部刻度添加一些自定义文本？ （或者可能在轴的左右两侧，不一定要低于它）

var scale = d3.scaleLinear().domain([4.4, 989.4]).range([0, 600]);

var axis = d3.axisBottom().scale(scale);

d3.select('.axis')
	.call(axis);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
	<svg width="650" height="40">
		<g class="axis" transform="translate(20, 0)" />
	</svg>