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

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

javascript 复制代码
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]
        }
    ]


相关推荐
网络点点滴15 分钟前
Vue3 全局API转移到应用对象
前端·javascript·vue.js
波哥学开发18 分钟前
基于 OPFS 的前端缓存实践:图片与点云数据的本地持久化
前端
whuhewei19 分钟前
useCountDown (React Hooks)倒计时
前端·javascript·react.js
DanCheOo19 分钟前
流式输出:让 AI 回复像 ChatGPT 一样打字机效果
前端·全栈
HelloReader20 分钟前
Qt Quick 布局Positioners、Anchors 与 Layouts(九)
前端
HelloReader21 分钟前
Qt 信号与槽对象通信的核心机制(十)
前端
终端鹿24 分钟前
插槽(slot):默认插槽、具名插槽、作用域插槽实战
前端·javascript·vue.js
千百元25 分钟前
HBuilderX蓝牙功能打包有BUG
前端