用D3JS绘制坐标轴的时候会导致刻度没满的解决方法
/**
*返回绘图的步长
* @参数 值域 最小值到最大值 [0,50]
* @参数 刻度个数(数值型)
*/
getStep: function (domain, m) {
if (m == null) m = 10;
var extent = kHelpers.scaleExtent(domain), span = extent[1] - extent[0], step = Math.pow(10, Math.floor(Math.log(span / m) / Math.LN10)), err = m / span * step;
if (err <= .15) step *= 10; else if (err <= .35) step *= 5; else if (err <= .75) step *= 2;
extent[0] = Math.ceil(extent[0] / step) * step;
extent[1] = Math.floor(extent[1] / step) * step + step * .5;
extent[2] = step;
return step;
},
scaleExtent: function (domain) {
var start = domain[0], stop = domain[domain.length - 1];
return start < stop ? [start, stop] : [stop, start];
},
思路是获取步长,然后重新计算最大值,最小值,最终绘制的刻度就是满刻度
转载请注明版权及转载地址
作者:Kevin
邮箱:334081981@qq.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.

浙公网安备 33010602011771号