日历坐标系中的dayLabel不支持formatter参数,周末文字变红的一种解决方式
配置项如下
function getVirtulData(year) {
year = year || '2017';
var date = +echarts.number.parseDate(year + '-01-01');
var end = +echarts.number.parseDate((+year + 1) + '-01-01');
var dayTime = 3600 * 24 * 1000;
var data = [];
for (var time = date; time < end; time += dayTime) {
data.push([
echarts.format.formatTime('yyyy-MM-dd', time),
Math.floor(Math.random() * 10000)
]);
}
return data;
}
option = {
title: {
top: 30,
left: 'center',
text: '2016年某人每天的步数'
},
tooltip : {},
visualMap: {
min: 0,
max: 10000,
type: 'piecewise',
orient: 'horizontal',
left: 'center',
top: 65,
textStyle: {
color: '#000'
}
},
calendar: [{
top: 120,
left: 30,
right: 30,
cellSize: ['auto', 13],
range: '2016',
itemStyle: {
normal: {borderWidth: 0.5}
},
dayLabel: {
nameMap: ['', 'M', 'T', 'W', 'T', 'F', '']
},
yearLabel: {show: false}
},
{
top: 120,
left: 30,
right: 30,
cellSize: ['auto', 13],
range: '2016',
dayLabel: {
color: '#f00',
nameMap: ['S', '', '', '', '', '', 'S']
},
monthLabel: {
show: false
},
yearLabel: {
show: false
}
}],
series: [{
type: 'heatmap',
coordinateSystem: 'calendar',
data: getVirtulData(2016)
}]
};