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


相关推荐
我不是外星人5 分钟前
一键还原任意网站,这套 Playwright + 多 Agent 工程流太猛了
前端·后端·ai编程
用户059540174469 分钟前
AI 客服突然“失忆”,排查 6 小时发现 LangChain 记忆存储的 3 个致命坑
前端·css
IT_陈寒31 分钟前
Vue的v-if和v-show,我竟然用错了这么久
前端·人工智能·后端
云絮.34 分钟前
计算机相关工作原理
服务器·前端·数据库
随风一样自由35 分钟前
【前端+React+缓存竞态】导航切换缓存刷新机制
前端·react.js·缓存
恋猫de小郭43 分钟前
Flutter 开发怎么做 Agent ?从工程实战详细给你解读下
android·前端·flutter
IT_陈寒44 分钟前
React状态更新延迟搞晕我,原来是闭包在捣鬼
前端·人工智能·后端
晓得迷路了1 小时前
栗子前端技术周刊第 136 期 - pnpr、Flow 重构移植 Rust、Astryx...
前端·javascript·css
Mr.Daozhi1 小时前
从零构建 AI 学术论文助手(四):PDF.js 实时截图 + Gemini 视觉分析
javascript·人工智能·pdf·canvas·pdf.js·gemini
柳杉1 小时前
别再手写大屏了!用这套「3D 地图 + 拖拽脚手架」示例源码,交付效率提升 80%
前端·three.js·数据可视化