Echarts 修改 liquidFill 波浪幅度

5 min read
//需要引入外部脚本
//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,
      },
    },
  ],

};