水球图

/*
请不要直接cv发布谢谢，至少保证有你自己的东西在里面，一点改动没有，直接cv让人恶心
请不要直接cv发布谢谢，至少保证有你自己的东西在里面，一点改动没有，直接cv让人恶心
请不要直接cv发布谢谢，至少保证有你自己的东西在里面，一点改动没有，直接cv让人恶心
重要的事情说三遍，没有脸的可以直接cv发布哈
*/
var option = {
    backgroundColor: \'#050038\',
    title: {
        text: \'\',
        textStyle: {
            fontWeight: \'normal\',
            fontSize: 25,
            color: \'rgb(97, 142, 205)\',
        },
    },
    series: [
        {
            type: \'liquidFill\',
            radius: \'45%\',
            center: [\'50%\', \'50%\'],
            data: [0.5, 0.5, 0.5], // data个数代表波浪数
            backgroundStyle: {
                borderWidth: 1,
                color: \'rgb(255,0,255,0.1)\',
            },
            // 修改波浪颜色
            // color:[\'yellow\'], 所有波浪一个颜色
            // color:[\'yellow\',\'red\',\'pink\'], 每个波浪不同颜色，颜色数组长度为对应的波浪个数
            label: {
                normal: {
                    formatter: (0.5 * 100).toFixed(2) + \'%\',
                    textStyle: {
                        fontSize: 50,
                    },
                },
            },
            outline: {
                show: false,
            },
        },
        {
            type: \'pie\',
            center: [\'50%\', \'50%\'],
            radius: [\'50%\', \'52%\'],
            hoverAnimation: false,
            data: [
                {
                    name: \'\',
                    value: 500,
                    labelLine: {
                        show: false,
                    },
                    itemStyle: {
                        color: \'#5886f0\',
                    },
                    emphasis: {
                        labelLine: {
                            show: false,
                        },
                        itemStyle: {
                            color: \'#5886f0\',
                        },
                    },
                },
                {
                    //画中间的图标
                    name: \'\',
                    value: 4,
                    labelLine: {
                        show: false,
                    },
                    itemStyle: {
                        color: \'#ffffff\',
                        normal: {
                            color: \'#5886f0\',
                            borderColor: \'#5886f0\',
                            borderWidth: 20,
                            // borderRadius: \'100%\'
                        },
                    },
                    label: {
                        borderRadius: \'100%\',
                    },
                    emphasis: {
                        labelLine: {
                            show: false,
                        },
                        itemStyle: {
                            color: \'#5886f0\',
                        },
                    },
                },
                {
                    // 解决圆点过大后续部分显示明显的问题
                    name: \'\',
                    value: 4,
                    labelLine: {
                        show: false,
                    },
                    itemStyle: {
                        color: \'#5886f0\',
                    },
                    emphasis: {
                        labelLine: {
                            show: false,
                        },
                        itemStyle: {
                            color: \'#5886f0\',
                        },
                    },
                },
                {
                    //画剩余的刻度圆环
                    name: \'\',
                    value: 88,
                    itemStyle: {
                        color: \'#050038\',
                    },
                    label: {
                        show: false,
                    },
                    labelLine: {
                        show: false,
                    },
                    emphasis: {
                        labelLine: {
                            show: false,
                        },
                        itemStyle: {
                            color: \'rgba(255,255,255,0)\',
                        },
                    },
                },
            ],
        },
    ],
};