d3 中的响应轴值答案

【问题标题】：responsive axis values in d3d3 中的响应轴值
【发布时间】：2013-10-09 08:57:44
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

axis.tickFormat() 函数可以让您做到这一点。 d3.format() 的文档中描述了这些格式。在您的情况下，您需要指定类似

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

【讨论】：