首页 > Web开发 > 详细

用D3JS绘制坐标轴的时候会导致刻度没满的解决方法

时间:2016-04-05 12:22:45      阅读:698      评论:0      收藏:0      [点我收藏+]
   /**
       *返回绘图的步长
       * @参数 值域 最小值到最大值 [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];
        },

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

 

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

用D3JS绘制坐标轴的时候会导致刻度没满的解决方法

原文:http://www.cnblogs.com/kinggod/p/5354334.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!