xiaobeth

横坐标自定义刻度开始时间
1问题:xAxis参数的type可以选择linear','category','datetime',当选择datetime时,起始时间是与日历上保持一致的(例如; 当以月为选择范围,以周计算时,并且从后台返回的第一个时间为2015年5月21日,则此时横坐标的起始刻度时2015年5月18日,所以柱状图和刻度对不齐);
解决办法:自定义横坐标开始刻度
  tooltip: {
  followPointer:true      //设置点值是否跟着鼠标移动
}
 xAxis: {
            tickPositioner: function () {
                var positions = [],
                    tick = dataMin,      //这里是从后台返回的第一个时间的毫秒值
                    increment =(dataMax - dataMin) / 52);   //每个刻度间的增量值
                    for (tick; tick - increment <= dataMax; tick += increment) {
                    positions.push(tick);
                }
                return positions;
            }
 
         type:'datetime',//'linear','category','datetime',
          showFirstLabel:true,showLastLabel: true,
           endOnTick: true,startOnTick: true,
           tickInterval:0.01,
           labels : {
            staggerLines:1,    //设置横坐标值只在一行,避免阶梯状
            step:3,                 //设置每隔两个区间显示一个标签,避免太拥堵
            formatter : function() {
            var f=parseFloat(this.value-minData[0][0])/1000/60/60/24/7;    //这里是根据项目要求计算的周数
            var i=parseInt(f);
            return "第"+(i+1)+"周";
      }
    }
    },

posted on 2015-11-06 11:15  xiaobeth  阅读(452)  评论(0)    收藏  举报