当前位置:   article > 正文

echarts饼图hover时圆环消失的问题_echarts 饼图鼠标移上去就消失了

echarts 饼图鼠标移上去就消失了

问题描述:在写echarts饼图时,发现会出现设置的颜色太浅,鼠标hover上去就会消失的问题。
出现原因echart自带的悬停效果会改变圆环的透明度,导致视觉上看不到。
正常状态:
正常状态
hover效果:
hover效果

别人的方法:在搜索的时间看到了通过echart自带的click方法解决的:click方法解决
我的解决方法:在试验过程中,我发现渐变色时不会有改变透明度的现象,于是将图片颜色从十六进制改为了渐变色, 0% 处的颜色和100% 处的颜色设置为同一种颜色:

  {
    type: 'linear', 
    x: 1, 
    y: 0, 
    x2: 0, 
    y2: 1,
    colorStops: [{
      offset: 0, color: '#e9eff4' // 0% 处的颜色
    }, {
      offset: 1, color: '#e9eff4' // 100% 处的颜色
    }],
    globalCoord: false // 缺省为 false
  }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/105518
推荐阅读