${str}

`; return box; }, }, legend: [{ type: "scroll", // orient: 'vertical', icon: "circle", left: "center", align: "left", // top: 'center', bottom: "15", itemGap: 10, itemWidth: 10, // bottom:'50%', textStyle: { color: "#c9c9c9", fontSize: 12, }, selectedMode: false, data: legendData2 }], series: [{ type: 'pie', z: 3, center: ['50%', '50%'], radius: ['40%', '55%'], clockwise: true, avoidLabelOverlap: true, hoverOffset: 15, itemStyle: { normal: { color: function(params) { return colorList[params.dataIndex] } } }, label: { show: false, position: 'outside', formatter: '{a|{b}：{d}%}\n{hr|}', rich: { hr: { backgroundColor: 't', borderRadius: 3, width: 3, height: 3, padding: [3, 3, 0, -12] }, a: { padding: [-30, 15, -20, 15] } } }, labelLine: { normal: { length: 20, length2: 30, lineStyle: { width: 1 } } }, data: sData }, { name: 'circle', type: 'pie', clockWise: true, radius: ['30%', '35%'], itemStyle: { normal: { label: { show: false }, labelLine: { show: false } } }, hoverAnimation: false, data: [{ value: point, // name: '占比', itemStyle: { normal: { color: { // 颜色渐变 colorStops: [{ offset: 0, color: '#1bcc98' // 0% 处的颜色 }, { offset: 1, color: '#1bee97' // 100% 处的颜色1 }] }, label: { show: false }, labelLine: { show: false } } } }, { name: '剩余', value: handred - point, itemStyle: { normal: { color: '#E1E8EE' } } }] } ] };

环形图和百分比图相结合