用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];
        },

  思路是获取步长,然后重新计算最大值,最小值,最终绘制的刻度就是满刻度

 

转载请注明版权及转载地址 

转载于:https://www.cnblogs.com/kinggod/articles/5354334.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值