码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-04-05 12:24:13      阅读:260      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!