75 {a|%}echarts 球配置项内容和展示

水波球

      option = {
            backgroundColor: "#010e19",
            title: {
                text: 75+'\n{a|%}',
                textStyle: {
                    fontSize: 14,
                    fontWeight: 'bold',
                    color: '#caffff',
                    rich: {
                        a: {
                            fontSize: 12,
                            color:"#59a8dc"
                        }
                    }
                },
                x: 'center',
                y: 'center'
            },
            grid: {
                top: '0',
                right: '0',
                bottom: '0',
                left: 0,
            },

            xAxis: { // x轴
                show: false, // 不显示
            },

            yAxis: { // y轴
                show: false, // 不显示
            },


            series: [{
                type: 'liquidFill',
                radius: '97%', // 半径大小
                center: ['50%', '50%'], // 布局位置
                data: [
                    {
                        value: 0.75,
                        direction: 'left',
                        itemStyle: {
                            normal: {
                                color: {
                                    type: 'linear',
                                    x: 0,
                                    y: 0,
                                    x2: 0,
                                    y2: 1,
                                    colorStops: [{
                                        offset: 1,
                                        color: 'rgba(102,137,212,0)'
                                    }, {
                                        offset: 0.5,
                                        color: 'rgba(102,137,212,0.2)'
                                    }, {
                                        offset: 0,
                                        color: 'rgba(102,137,212,0.8)'
                                    }],
                                    globalCoord: false
                                }
                            }
                        }
                    },
                    {
                        value: 0.75,
                        direction: 'left',
                        itemStyle: {
                            normal: {
                                color: {
                                    type: 'linear',
                                    x: 0,
                                    y: 0,
                                    x2: 0,
                                    y2: 1,
                                    colorStops: [{
                                        offset: 1,
                                        color: 'rgba(5,34,95, 0)'
                                    }, {
                                        offset: 0.5,
                                        color: 'rgba(5,34,95, 0.2)'
                                    }, {
                                        offset: 0,
                                        color: 'rgba(5,34,95, 0.8)'
                                    }],
                                    globalCoord: false
                                }
                            }
                        }
                    }
                ], // 水球波纹值


                outline: { // 轮廓设置
                    show: true,
                    borderDistance: 2, // 轮廓间距
                    itemStyle: {
                        borderColor: '#6689d4', // 轮廓颜色
                        borderWidth:2, // 轮廓大小
                        shadowBlur: 'none', // 轮廓阴影
                    }
                },

                label: {
                    normal: {
                        formatter: '',
                        textStyle: {
                            fontSize: 12,
                            color: '#00c0ff',
                            rich: {
                                a: {
                                    fontSize: 12,
                                }
                            }
                        }
                    }
                },

                backgroundStyle: {
                    color: "transparent",
                },

            },

            ]
        };