D3条形图轴缩放比例问题,我不希望十进制/重复值

问题描述 投票:1回答:1

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

enter image description here

enter image description here

d3.js nvd3.js angularjs-nvd3-directives
1个回答
0
投票

最后,我得到了该问题的解决方案,当我们有少量数据集时,有时会得到十进制值,而当我们格式化为整数值时,就会在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;
© www.soinside.com 2019 - 2024. All rights reserved.