//需要引入外部脚本
//https://cdn.jsdelivr.net/npm/echarts-liquidfill@3/dist/echarts-liquidfill.min.js
let value = 0.224;
const option:EChartsOption = {
series: [
{
type: 'liquidFill',
radius: '100%',
center: ['50%', '50%'],
color: ['#AEDBCF', '#76D1B5', '#5ECFAB'],
data: [value, value, value], // data个数代表波浪数
amplitude: 8, // 波浪幅度
// 图形样式
itemStyle: {
opacity: 0.8, // 波浪的透明度
shadowBlur: 0, // 波浪的阴影范围
},
backgroundStyle: {
borderColor: 'transparent',
color: '#fff',
},
label: {
show: true,
color: '#5594fa',
fontSize: 16,
formatter: (params) => {
return `${(params.value * 100).toFixed(2)}`;
},
},
outline: {
show: false,
},
},
],
};
Echarts 修改 liquidFill 波浪幅度
5 min read