Echarts在线免费图表

 
            let value = 58; //图上角度数据
option = {
    backgroundColor: "#061740",
    title: {
        text: '{a|' + value + '}{c|分}',
        x: 'center',
        y: 'center',
        textStyle: {
            rich: {
                a: {
                    fontSize: 65,
                    color: '#ffffff',
                    fontWeight: 'bold'
                },
                c: {
                    fontSize: 65,
                    color: '#ffffff',
                    fontWeight: 'normal'
                }
            }
        }
    },
    series: [
        //内环
        {
            name: "内环",
            type: 'pie',
            silent: true,
            clockwise: true,
            radius: ['52%', '53%'],
            label: {
                show: false,
            },
            labelLine: {
                show: false
            },
            itemStyle: {
                color: '#465A98',
            },
            data: [00]
        },
        //外环
        {
            name: '',
            type: 'pie',
            radius: ['55%', '65%'],
            silent: true,
            clockwise: true,
            startAngle: 90,
            label: {
                show: false,
            },
            data: [
                {
                    value: value,
                    itemStyle: {
                        normal: {
                            //外环发光
                            borderWidth: 0.5,
                            borderColor: '#4bf3f9',
                            shadowColor: '#9bfeff',
                            color: '#286FFC'
                        }
                    }
                },
                {
                    value: 100 - value,
                    label: {
                        normal: {
                            show: false
                        }
                    },
                    itemStyle: {
                        // 圆环底色
                        normal: {
                            color: "#112A5D"
                        }
                    }
                }
            ]
        },
    ]
};