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]
        }
    ]


相关推荐
于冬恋3 分钟前
Web后端开发(请求、响应)
前端
red润8 分钟前
封装hook,复刻掘金社区,暗黑白天主题切换功能
前端·javascript·vue.js
Fly-ping9 分钟前
【前端】vue3性能优化方案
前端·性能优化
curdcv_po11 分钟前
前端开发必要会的,在线JS混淆加密
前端
天生我材必有用_吴用13 分钟前
深入理解JavaScript设计模式之单例模式
前端
LuckySusu13 分钟前
【HTML篇】DOCTYPE 声明:掌握浏览器渲染模式的关键
前端·html
Darling哒14 分钟前
HTML块拖拽交换
前端
码农之王15 分钟前
(一)TypeScript概述和环境搭建
前端·后端·typescript
葬送的代码人生26 分钟前
React组件化哲学:如何优雅地"变秃也变强"
前端·javascript·react.js
用户527096487449027 分钟前
🚀 前端项目代码质量配置Prettier + Commitlint + Husky + Lint-staged
前端