半圆 中间有图片

描述:当前是关于Echarts图表中的 饼图 示例。
 
            var giftImageUrl = "/asset/get/s/data-1592466738509-to9TDKwN5.png";

option = {
    backgroundColor: "#003366",
    title: [{
            text: '11864',
            x: '50%',
            y: '70%',
            textAlign: "center",
            textStyle: {
                fontSize: 40,
                color: '#01c8d7'
            },

        },
        {
            text: '社区数量',
            x: '50%',
            bottom: "10%",
            textAlign: "center",
            textStyle: {
                fontSize: 20,
                color: '#0f98ee'
            },


        }
    ],
    graphic: {
        elements: [{
            type: 'image',
            style: {
                image: giftImageUrl,

                width: 100,
                height: 100
            },
            left: 'center',
            top: 'center'
        }]
    },
    series: [{
            name: ' ',
            type: 'pie',
            radius: ['60%', '80%'],
            startAngle: 200,
            color: [{
                type: 'linear',
                colorStops: [{
                    offset: 0,
                    color: "#0f98ee" // 0% 处的颜色
                }, {
                    offset: 1,
                    color: "#5bc0fc" // 100% 处的颜色
                }],
                globalCoord: false // 缺省为 false
            }, 'none'],
            hoverAnimation: false,
            legendHoverLink: false,
            z: 10,
            labelLine: {
                normal: {
                    show: false
                }
            },
            data: [{
                value: 95
            }, {
                value: 60
            }]
        },
        {
            name: ' ',
            type: 'pie',
            radius: ['54%', '55%'],
            startAngle: 200,
            color: [{
                type: 'linear',
                colorStops: [{
                    offset: 0,
                    color: "#0f98ee" // 0% 处的颜色
                }, {
                    offset: 1,
                    color: "#5bc0fc" // 100% 处的颜色
                }],
                globalCoord: false // 缺省为 false
            }, 'none'],
            hoverAnimation: false,
            legendHoverLink: false,
            z: 10,
            labelLine: {
                normal: {
                    show: false
                }
            },
            data: [{
                value: 95
            }, {
                value: 60
            }]
        }

    ],

};