react-native-echarts-pro
react-native-echarts-pro copied to clipboard
水波图 波浪会有有黑色阴影,如何解决
{ 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)',
}
},
}]
}
itemStyle: {
opacity: 0.95,
shadowColor: "#fff",
}