问题描述:在写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
  }

更多推荐