当前位置: 首页> 文旅> 美景 > echarts柱状选中shadow阴影背景宽度设置

echarts柱状选中shadow阴影背景宽度设置

时间:2025/7/11 7:54:10来源:https://blog.csdn.net/qq_44096635/article/details/140155166 浏览次数:0次

使用line,宽度增大到所需要的宽度,设置下颜色+透明度就行

tooltip: {trigger: 'axis',//把阴影的层级往下降z:-15,axisPointer: {type: 'line',lineStyle: {color: 'rgba(150,150,150,0.3)',width: 44,type: 'solid',},},
},
series: [{type: 'bar',barWidth:20,//柱状宽度barGap:'20%',//坐标轴占比itemStyle: {//柱状图渐变color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#f5b78c' },{ offset: 0.3, color: '#a3948b' },{ offset: 0.5, color: '#838485' },{ offset: 0.8, color: '#395064' },{ offset: 1, color: '#273d4f' }])},emphasis: { label: { show: true ,position:'top',color:'pink'} },//鼠标放上显示柱状图数据data:[200,1000,800,500,25,14,950]}]

在这里插入图片描述
在这里插入图片描述

关键字:echarts柱状选中shadow阴影背景宽度设置

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: