echarts日历热力图 显示本月数据

在这里插入图片描述
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版权协议,转载请附上原文出处链接和本声明。