水球echarts 球配置项内容和展示

      option = {
    series: [{
        type: 'liquidFill',
        data: [0.76, 0.5, 0.4, 0.3],
        //          data: [this.rate[1], 0.5, 0.4, 0.3],
        radius: '26%',
        center: ['12.5%', '50%'],
        // 水球颜色
        color: ['#49d088', '#38b470', '#2aaf66'],
        // outline  外边
        outline: {
            // show: false
            borderDistance: 5,
            itemStyle: {
                borderWidth: 5,
                borderColor: '#13FDCE',
            },
        },
        label: {
            normal: {
                textStyle: {
                    color: '#13FDCE',
                    insideColor: 'white',
                    fontSize: 12
                }
            }
        },
        // 内图 背景色 边
        backgroundStyle: {
            color: 'rgba(4,24,74,0.8)',
        }
    }, {
        type: 'liquidFill',
        data: [0.6, 0.5, 0.4, 0.3],
        direction: 'left',
        radius: '26%',
        center: ['37.5%', '50%'],
        // 水球颜色
        color: ['#49d088', '#38b470', '#2aaf66'],
        // outline  外边
        outline: {
            // show: false
            borderDistance: 5,
            itemStyle: {
                borderWidth: 5,
                borderColor: '#13FDCE',
            },
        },
        label: {
            normal: {
                textStyle: {
                    color: '#13FDCE',
                    insideColor: 'white',
                    fontSize: 12
                }
            }
        },
        // 内图 背景色 边
        backgroundStyle: {
            color: 'rgba(4,24,74,0.8)',
        }
    }, {
        type: 'liquidFill',
        data: [0.6, 0.5, 0.4, 0.3],
        radius: '26%',
        center: ['62%', '50%'],
        // 水球颜色
        color: ['#49d088', '#38b470', '#2aaf66'],
        // outline  外边
        outline: {
            // show: false
            borderDistance: 5,
            itemStyle: {
                borderWidth: 5,
                borderColor: '#13FDCE',
            },
        },
        label: {
            normal: {
                textStyle: {
                    color: '#13FDCE',
                    insideColor: 'white',
                    fontSize: 12
                }
            }
        },
        // 内图 背景色 边
        backgroundStyle: {
            color: 'rgba(4,24,74,0.8)',
        }
    }, {
        type: 'liquidFill',
        data: [0.6, 0.5, 0.4, 0.3],
        radius: '26%',
        center: ['87%', '50%'],
        // 水球颜色
        color: ['#49d088', '#38b470', '#2aaf66'],
        // outline  外边
        outline: {
            // show: false
            borderDistance: 5,
            itemStyle: {
                borderWidth: 5,
                borderColor: '#13FDCE',
            },
        },
        label: {
            normal: {
                textStyle: {
                    color: '#13FDCE',
                    insideColor: 'white',
                    fontSize: 12
                }
            }
        },
        // 内图 背景色 边
        backgroundStyle: {
            color: 'rgba(4,24,74,0.8)',
        }

    }]
}