ecchart3.0版本当设置x轴为time类型时,X轴以年为维度,X轴分割成12份,刻度显示不能均匀分割,但是2.0可以,是咋回事
配置项如下
var newLineYear =new Date();
var lineYear=newLineYear.getFullYear();
var lineYear = parseInt(lineYear);
if(isLeapYear(lineYear)){
var lineDays = 366;
}else{
var lineDays = 365;
}
//判断闰年 || 平年
function isLeapYear(year) { return (year % 4 === 0) && (year % 100 !== 0 || year % 400 === 0);}
var lineDataing = [];
//这里简单的数据
for(i=0;i<lineDays;i++){
if(i < 300){
lineDataing.push('-');
}else if(i >= 300 && i<340){
lineDataing.push(100);
}else{
lineDataing.push(50);
}
}
var dataMin=new Date(lineYear,0,1);
var dataMax=new Date(lineYear,12,0);
var dataMin=new Date(lineYear,0,1);
var dataMax=new Date(lineYear,12,0);
option = {
title: {
text: '年度项目统计'
},
tooltip: {
trigger: 'axis',
axisPointer:{
type:'cross'
},
formatter : function (params) {
var lineDateD=new Date(params.value[0])
var lineDateYear=lineDateD.getFullYear();
var lineDateMon=lineDateD.getMonth()+1;
var lineDateDate=lineDateD.getDate();
return "日期:"+lineDateYear+"-"+lineDateMon+"-"+lineDateDate+"<br/>"+"数量:"+params.value[1];
}
},
xAxis: {
type: 'time',
min:dataMin.getTime(),
max:dataMax.getTime(),
axisLabel:{
show:true
},
axisLine: {show: false},
splitNumber:12,
splitLine: {
show:true,
},
},
yAxis: {},
series: [{
type: 'line',
name:'进行中项目',
data:(function () {
var d = [];
var len = 0;
while (len++ <lineDays) {
d.push([
new Date(lineYear, 0, len),
lineDataing[len-1]
]);
}
return d;
})()
}]
};