echarts日历热力图 显示本月数据
option: {
grid: {
left:15,
right: 15,
bottom:10,
top:20,
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
axisTick: {
show: false,
},
axisLabel: {
show: true,
splitLine: {
show: false
}, //去除网格线
splitArea: {
show: true
}, //保留网格区域
textStyle: {
color: '#7D8CB5', //更改坐标轴文字颜色
fontSize: 10 //更改坐标轴文字大小
}
},
axisLine: {
show: false,
lineStyle: {
color: '#7D8CB5' //更改坐标轴颜色
}
},
splitLine: { //---grid 区域中的分隔线
show: false, //---是否显示,'category'类目轴不显示,此时我的X轴为类目轴,splitLine属性是无意义的
lineStyle: {
color: '#7D8CB5',
//width:1,
type: 'dotted',
},
},
},
yAxis: {
type: 'value',
axisTick: {
show: false,
},
axisLabel: {
show: true,
splitLine: {
show: false
}, //去除网格线
splitArea: {
show: true
}, //保留网格区域
textStyle: {
color: '#7D8CB5', //更改坐标轴文字颜色
fontSize: 10 //更改坐标轴文字大小
}
},
axisLine: {
show: false,
lineStyle: {
color: '#7D8CB5' //更改坐标轴颜色
}
},
splitLine: { //---grid 区域中的分隔线
show: true, //---是否显示,'category'类目轴不显示,此时我的X轴为类目轴,splitLine属性是无意义的
lineStyle: {
color: '#7D8CB5',
//width:1,
type: 'dotted',
},
},
},
series: [{
name: '本周出库总值',
type: 'line',
stack: '总量',
smooth: true,
data: [120, 132, 101, 134, 90, 230, 210],
lineStyle: {
color: '#FF598A',
type: 'dashed'
},
},
{
name: '上周出库总值',
type: 'line',
stack: '总量',
data: [220, 182, 191, 234, 290, 330, 310],
smooth: true,
lineStyle: {
color: '#26FFD8',
},
},
]
}
版权声明:本文为weixin_45549435原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。