echarts折线图设置背景颜色:X轴和Y轴组成部分背景色

echarts折线图设置背景颜色
在这里插入图片描述

关键代码

				splitArea: {
					show: true,
					areaStyle: {
						color: ['#F2F2F2'],
					},
				},

完整代码位置显示

			yAxis: {
				type: 'value',
				boundaryGap: [0, '100%'],
				max: 1,
				interval: 1,
				// 于设置y轴的字体
				axisLabel: {
					show: false, //这里的show用于设置是否显示y轴下的字体 默认为true
					textStyle: {
						//textStyle里面写y轴下的字体的样式
						color: '#333',
						fontSize: 13,
					},
				},
				splitArea: {
					show: true,
					areaStyle: {
						color: ['#F2F2F2'],
					},
				},
				// },
				//用于设置y轴的那一条线
				axisLine: {
					show: true, //这里的show用于设置是否显示y轴那一条线 默认为true
					lineStyle: {
						//lineStyle里面写y轴那一条线的样式
						color: '#DCDCDC',
						width: 1, //轴线的粗细 我写的是2 最小为0,值为0的时候线隐藏
					},
				},
			},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值