javascript - d3 中的响应轴值

Question

我正在用 d3 构建一个图形，有时图形在轴上的数字较小，有时图形在轴上的数字较大。这不时会导致以下问题；

请注意左右手边的 svg 元素是如何完成的，这样整个图例就不会显示出来。我宁愿不增加两边的边距，因为这会减少屏幕空间。

有没有办法让轴对数据输入做出响应？IE; 当数字为数千时，将在数字上添加一个“k”或一个“m”（ 100000 -> 100K, 12000000 -> 12M ）。

Answer 1

该功能axis.tickFormat()允许您完全做到这一点。格式在d3.format(). 在您的情况下，您需要指定类似

axis.tickFormat(d3.format("s"));