echarts图表显示日历带日期数据统计

echarts图表显示日历带日期数据统计

let lastday=30;
if(month==2){
    lastday=28
}else if(['01','03','05','07','08','10','12'].indexOf(month)>=0){
	lastday=31
}
var date = new Date(year+'-'+month+'-01').getTime();
var end = new Date(year+'-'+month+'-'+lastday).getTime();
var dayTime = 3600 * 24 * 1000;
var data = [];
for (var time = date; time <= end; time += dayTime) {
	let timeArr=new Date(time).toLocaleDateString().replace(/\//g,'-').split('-')
	if(timeArr[1].length==1){
		timeArr[1]='0'+timeArr[1]
	}
	if(timeArr[2].length==1){
		timeArr[2]='0'+timeArr[2]
	}
//填充ajax返回数据 无数据添加0
	for (let index = 0; index < dataList.length; index++) {
		if(dataList[index][0]==timeArr.join('-')){
			data.push(dataList[index]);
			break
		}else{
			data.push([timeArr.join('-'),0]);
			break
		}
	}
}
// _this.scatterOption.series[0].data = data;
_this.scatterOption={
	"tooltip":{},
	"calendar":{
		"top":"18%","left":"center","orient":"vertical",
		"cellSize":[40,40],//日历单格大小
		"splitLine":{
			"show":true,
			"lineStyle":{
				"color":"#ccc","width":1,"type":"solid"
			}
		},
		"yearLabel":{
			"show":false,"textStyle":{"fontSize":30}
		},
		"dayLabel":{
			"margin":20,"firstDay":1,
			"nameMap":["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]
		},
		"monthLabel":{"show":false},
		"range":[year+'-'+month]//显示日历 哪年哪月
	},
	"series":[
		{
			"type":"scatter",
			"coordinateSystem":"calendar",
			symbolSize: function(val){
					return val[1]?val[1]:1;//统计数据大小
			},
			"label":{
				"normal":{
					"show":true,
					"offset":[-10,-10],//日期文字位置
					"textStyle":{
						"color":"#000","fontSize":14
					},
					formatter: function (params) {
						return params.value[0].split('-')[2]
					},
				}
			},
			"data":data//图表显示数据 日期和统计表
		}
	],
	"backgroundColor":"#fff"
}