supervons / react-native-echarts-pro

A React-Native charts based on Apache ECharts, support various charts and map.
https://supervons.github.io/react-native-echarts-pro-docs/
MIT License
216 stars 32 forks source link

水波图 波浪会有有黑色阴影,如何解决 #126

Open clxhhmm opened 1 month ago

clxhhmm commented 1 month ago

{ series: [{ name: '水波图', type: 'liquidFill', radius: '60%', center: ['50%', '45%'],

  data: [
    {
      value: [30 / 100],
      label: {
        normal: {
          formatter: `${30}%`,
          show: true,
        }
      }
    }
  ],
  label:{
    normal:{
      textStyle:{ // 数值样式设置
        color: 'rgba(19, 19, 19, 0.90)',
        fontSize: 40,
      }
    }
  },
  color: [
    {
      type: 'linear',
      x: 0,
      y: 1,
      x2: 0,
      y2: 0,
      colorStops: [ // 水波颜色渐变
        {
          offset: 1,
          color: ['rgba(3, 231, 136, 1)'], // 0% 处的颜色
        },
        {
          offset: 0.5,
          color: ['rgba(68, 255, 170, 1)'], // 50% 处的颜色
        },
        {
          offset: 0,
          color: ['rgba(170, 250, 255, 0.83)'], // 100% 处的颜色
        }
      ], // 水波纹颜色
    }
  ],
  backgroundStyle: {
    color: '#fff'
  },
  outline: {
    borderDistance: 8,
    itemStyle: {
      borderWidth: 5, // 边 宽度
      borderColor: 'rgba(179, 251, 255, 1)',
    }
  },
}]

}