养老机构与医疗机构签约情况echarts category配置项内容和展示

左为内设医疗,右为外部签约

配置项如下
      option = {
    title:{text:'养老机构与医疗机构签约情况',
        subtext:'左为内设医疗,右为外部签约',
        subtextStyle:{ fontSize:'15'},
        padding:[130,280],
    },
    tooltip: {
        trigger: 'item',
        formatter: function(params, ticket, callback) {
            var res = params.seriesName;
            res += '<br/>' + params.name + ' : ' + params.percent + '%';
            return res;
        }
    },
    grid: {
        bottom: 30
    },
    xAxis: [{
        type: 'category',
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            interval: 0
        },
        data: []
    }],
    yAxis: [{
        show: false
    }],
    series: [{
        name: '702家养老机构中',
        center: [
            '40.0%',
            '50%'
        ],
        radius: [
            '20%',
            '25%'
        ],
        type: 'pie',
        labelLine: {
            normal: {
                show: false
            }
        },
        data: [{
            value: 244,
            name: '内设医疗机构',
            label: {
                normal: {
                    formatter: '{d} %',
                    position: 'center',
                    show: true,
                    textStyle: {
                        fontSize: '16',
                        fontWeight: 'bold',
                        color: '#000'
                    }
                }
            }
        }, {
            value: 458,
            name: '',
            tooltip: {
                show: false
            },
            itemStyle: {
                normal: {
                    color: '#aaa'
                },
                emphasis: {
                    color: '#aaa'
                }
            },
            hoverAnimation: false
        }]
    }, {
        name: '702家养老机构中',
        center: [
            '60.0%',
            '50%'
        ],
        radius: [
            '20%',
            '25%'
        ],
        type: 'pie',
        labelLine: {
            normal: {
                show: false
            }
        },
        data: [{
            value: 564,
            name: '外部签约医疗机构',
            label: {
                normal: {
                    formatter: '{d} %',
                    position: 'center',
                    show: true,
                    textStyle: {
                        fontSize: '16',
                        fontWeight: 'bold',
                        color: '#000'
                    }
                }
            }
        }, {
            value: 138,
            name: '',
            tooltip: {
                show: true
            },
            itemStyle: {
                normal: {
                    color: '#aaa'
                },
                emphasis: {
                    color: '#aaa'
                }
            },
            hoverAnimation: false
        }]
    }, ]
};
    
截图如下