ducha-qianduan/public/taishi/left2_2.js

	var myChart = echarts.init(document.getElementById('left2_2'), 'vintage');
var names = ['参训人', '未参训人'];
var values = [547, 50];
// 计算总数
vartotal = values.reduce((p, v) => {
    return p + v;
}, 0);

var colorList = [
           "#f0422a",     
           "#e6923e",
];
var data = [];
for (var i = 0; i < names.length; i++) {
    data.push({
        name: names[i],
        value: values[i],
    });
}
data.reverse();
// 公用调整
var itemStyle = {
    normal: {
        color: function (params) {
            return colorList[params.dataIndex];
        },
    },
};
var leftCenter = ['45%', '50%'];
var radius1 = ['0', '35%']; // 饼图
var radius3 = ['40%', '41%']; // 线圈
// 公用调整-end

option = {
	title: {
	     text: '兵力',
	     bottom:35,
	     left: 85,
	     textStyle: {
	         color: '#fff',
						fontSize: 12,
	     },
	 },
    tooltip: {
        trigger: 'item',
         formatter: "{a} <br/>{b} : {c}人 ({d}%)",
    },
    series: [
        {
            name: "兵力",
            type: 'pie',
            zlevel: 3,
            radius: radius1,
            center: leftCenter,
            // itemStyle: itemStyle,
            itemStyle: {
                normal: {
                    color: function (params) {
                        return colorList[params.dataIndex];
                    },
                },
            },
            labelLine: {
                show: false,
                normal: {
                    length: 5,
                    length2: 0,
                    lineStyle: {
                        color: 'transparent',
                    },
                },
            },
            label: {
                normal: {
                    formatter: (params) => {
                        return '●';
                    },
                    textStyle: {
                        color: '#00f0ff',
                        fontSize: 12,
                    },
                },
            },
            data: data,
        },
        {
            // 最外圆圈
            type: 'pie',
            zlevel: 1,
            silent: true, //取消高亮
            radius: radius3,
            center: leftCenter,
            itemStyle: {
                normal: {
                    color: function (params) {
                        return colorList[params.dataIndex];
                    },
                },
            },
            labelLine: {
                show: false,
                normal: {
                    length: 10,
                    length2: 0,
                    lineStyle: {
                        color: 'transparent',
                    },
                },
            },
            label: {
                show: true,
                textStyle: {
                    color: '#00f0ff',
                    fontSize: 12,
					fontWeight:'bolder'
                },
            },
            data: data,
        },
    ],
};

		myChart.setOption(option);