echarts 水球形图表

水球图表是 Echarts 中的一种特殊图表类型，可以用于展示比例关系。下面是一个简单的水球图表示例：

option = {
    series: [
        {
            type: 'liquidFill',
            data: [0.6, 0.5, 0.4, 0.3],
            itemStyle: {
                color: '#00BFFF',
                opacity: 0.6
            },
            backgroundStyle: {
                borderColor: '#00BFFF',
                borderWidth: 2,
                color: '#fff'
            },
            label: {
                normal: {
                    formatter: function (params) {
                        return (params.value * 100).toFixed(0) + '%';
                    },
                    textStyle: {
                        color: '#fff',
                        fontSize: 40
                    }
                }
            }
        }
    ]
};

上面的示例中，`type` 属性设置为 `liquidFill`，`data` 数组中的每个元素表示一个水球的占比。`itemStyle` 属性用于设置水球的颜色和透明度，`backgroundStyle` 属性用于设置水球的边框样式，`label` 属性用于设置水球中间显示的文本。这里的文本内容是占比的百分比形式，通过 `params.value` 获取当前水球的占比值。