横坐标自定义刻度开始时间
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)+"周";
}
}
},
浙公网安备 33010602011771号