echarts画一个饼图

饼图1

var myChart = echarts.init(document.getElementById('eqp-pie-chart'));option = {tooltip: {trigger: 'item'},legend: {data: ['状态A', '状态B', '状态C', '状态D'],//textStyle: {//    //color: '#ff0000', // 文字颜色//    fontSize: 14 // 文字大小//},textStyle: {rich: {a: {color: 'rgba(0, 23, 58, 1)',fontSize: 18,fontWeight: 'bold'},b: {color: 'blue',fontSize: 16}},},formatter: function (name) {//var value = echarts.getInstanceByDom(document.getElementById('eqp-pie-chart')).getModel().getComponent('series', '系列1').getData().get('y', 0);return `{a|${100}}\n${name}`;},itemGap: 20, // 图例每项之间的间隔itemWidth: 5, // 图例标记的图形宽度itemHeight: 36, // 图例标记的图形高度padding: [5, 10], // 图例容器内边距borderRadius: 2, // 图例容器边框圆角borderColor: '#ccc' // 图例容器边框颜色},//legend: {//    show: false,//    //top: '5%',//    //left: 'center'//},title: {show: true,text: '1090',subtext: '总量',x: 'center', //水平安放位置，默认为'left'，可选为：'center' | 'left' | 'right' | {number}（x坐标，单位px）y: '40%',textStyle: {color: '#00173A', // 字体颜色fontSize: 27   // 字体大小},subtextStyle: {color: '#33333399', // 字体颜色fontSize: 18   // 字体大小}},series: [{type: 'pie',radius: ['0%', '45%'],label: {show: false,position: 'center'},data: [{value: 1090, name: 'Total', itemStyle: {color: 'rgba(64,124,252,0.05)'}},]},{name: '设备状态统计',type: 'pie',radius: ['57%', '65%'],padAngle: 19,avoidLabelOverlap: false,padAngle: 5,itemStyle: {borderRadius: 5},label: {show: false,position: 'center'},emphasis: {label: {show: true,fontSize: 40,fontWeight: 'bold'}},labelLine: {show: false},data: [{value: 432, name: '状态A', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 1,color: 'rgba(64, 125, 252, 1)' // 起始颜色}, {offset: 0,color: 'rgba(64, 104, 252, 1)' // 结束颜色}])}},{value: 159, name: '状态B', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 1,color: 'rgba(1, 209, 94, 1)' // 起始颜色}, {offset: 0,color: 'rgba(1, 190, 205, 1)' // 结束颜色}])}},{value: 159, name: '状态C', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 1,color: 'rgba(247, 121, 0, 1)' // 起始颜色}, {offset: 0,color: 'rgba(247, 174, 0, 1)' // 结束颜色}])}},{value: 99, name: '状态D', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 1,color: 'rgba(247, 1, 1, 1)' // 起始颜色}, {offset: 0,color: 'rgba(250, 93, 93, 1)' // 结束颜色}])}}]},{name: '设备状态统计阴影',type: 'pie',radius: ['64%', '72%'],padAngle: 19,avoidLabelOverlap: false,padAngle: 5,itemStyle: {borderRadius: 5},label: {show: false,position: 'center'},emphasis: {label: {show: true,fontSize: 40,fontWeight: 'bold'}},labelLine: {show: false},data: [{value: 432, name: '状态A', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 1,color: 'rgba(64, 125, 252, 0.15)' // 起始颜色}, {offset: 0,color: 'rgba(64, 104, 252, 0.15)' // 结束颜色}])}},{value: 159, name: '状态B', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 1,color: 'rgba(1, 209, 94, 0.15)' // 起始颜色}, {offset: 0,color: 'rgba(1, 190, 205, 0.15)' // 结束颜色}])}},{value: 159, name: '状态C', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 1,color: 'rgba(247, 121, 0, 0.15)' // 起始颜色}, {offset: 0,color: 'rgba(247, 174, 0, 0.15)' // 结束颜色}])}},{value: 99, name: '状态D', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 1,color: 'rgba(247, 1, 1, 0.15)' // 起始颜色}, {offset: 0,color: 'rgba(250, 93, 93, 0.15)' // 结束颜色}])}}]}]
};
myChart.setOption(option);