d3.js - D3条形图yaxis缩放问题，我不想要十进制/重复值

Question

我已经使用 NVD3 库实现了 D3 图表，下面是参考链接。有没有办法可以停止这种自动缩放或摆脱这个十进制值。 http://nvd3.org/livecode/index.html#codemirrorNav

Answer 1

最后我得到了解决这个问题的方法，当我们有少量数据时会出现问题，有时我们会得到十进制值，当我们格式化整数值时，它会复制 Y 轴上的数据。看看这个plunker：

http://plnkr.co/edit/yFyShQ?p=preview

为了使其动态，您可以将最小值和最大值传递给

d3.range(minValue, maxValue)

像这样

const minValue = d3.min(data, d => d.Value);
const maxValue = d3.max(data, d => d.Value);
const tickValues = d3.range(minValue > 0 ? 0 : minValue,maxValue);
return maxValue < 10 ? tickValues: null;