D3 条形图 yaxis 缩放问题，我不想要 decimal/duplicate 值

Question

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

Answer 1

我终于找到了这个问题的解决方案，当我们有少量数据时会出现问题，有时我们会在其中获取小数值，而当我们格式化为整数值时它会复制 Y 轴上的数据。 看看这个笨蛋：

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;