${param.marker}${param.name}：${(param.value.toFixed(0))}%

`; return html; // param.marker + ' ' + param.name + ' ：' + `${param.value}%` }, borderRadius: 3, backgroundColor: 'rgba(9,29,46,0.35)', borderColor: '#1B3C58', backdropFilter: 'blur(6px)', textStyle: { // color: '#919CA7', //设置文字颜色 fontSize: 18, }, }, graphic: { elements: [ { type: 'image', style: { image: rightPieCenter, width: 46, height: 60, zIndex: 2, top: "center" }, left: 'center', top: 'center', }, { type: 'image', style: { image: rightPieCenter2, width: 200, height: 200, zIndex: 1, top: "center" }, left: 'center', top: 'center', originX: 100, originY: 100, keyframeAnimation: [ { duration: 200000, loop: true, keyframes: [ { percent: 0, rotation: 0 }, { percent: 1, rotation: -360 } ] } ] }, ], }, legend: [ { x: 'left', left: '7%', // textStyle: { color: '#fff', fontSize: 20 }, textStyle: { // fontSize: 20, rich: { name: { color: '#A6B7C2', fontSize: 18, lineHeight: 18, }, percent: { color: '#fff', fontSize: 18, lineHeight: 18, }, }, }, orient: 'vertical', data: leftLenged, top: 'center', icon: 'circle', itemGap: 30, itemHeight: 10, itemWidth: 10, formatter: function (name) { var total = 0; var target; for (var i = 0, l = data.length; i < l; i++) { total += data[i].value ?? 0; if (data[i].name === name) { target = data[i].value; } } let html = ` {name|${name.split('').length < 10 ? name : name.split('').slice(0, 10).join('') + '...'}：}{percent|${Math.floor((target / total).toFixed(2) * 100)}%}`; var arr = [ // ' ' + // `${name}：` + // (target / total).toFixed(2) * 100 + // '%', html, ]; return arr.join('\n'); }, }, { x: 'right', // textStyle: { color: '#A6B7C2', fontSize: 20 }, textStyle: { // fontSize: 20, rich: { name: { color: '#A6B7C2', fontSize: 18, lineHeight: 18, }, percent: { color: '#fff', fontSize: 18, lineHeight: 18, }, }, }, orient: 'vertical', data: rightLenged, top: 'center', icon: 'circle', itemGap: 30, itemHeight: 10, itemWidth: 10, align: 'left', left: '75%', formatter: function (name) { var total = 0; var target; for (var i = 0, l = data.length; i < l; i++) { total += data[i].value ?? 0; if (data[i].name == name) { target = data[i].value; } } let html = ` {name|${name}：}{percent|${Math.floor((target / total).toFixed(2) * 100)}%}`; var arr = [html]; return arr.join('\n'); }, }, ], toolbox: { show: false, }, series: seriesOption, };

Echarts在线免费图表