ecchart3.0版本当设置x轴为time类型时,X轴以年为维度,X轴分割成12份,刻度显示不能均匀分割,但是2.0可以,是咋回事ECharts Gallery

20:11:45图表已生成

代码

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;
        })()
    }]
};

作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品