Etiqueta personalizada y etiqueta de énfasis se superponen.

Intenté hacer que el gráfico circular muestre una ‘etiqueta personalizada’, cambie la etiqueta cuando se active el mouse. Pero excepto los datos azules, todo lo demás se superpondrá con la ‘etiqueta de énfasis’.

‘avoidLabelOverlap’ no funciona.

¿Hay una forma?

Ingrese descripción de la imagen aquí
Ingrese descripción de la imagen aquí

este es un ejemplo

var option = {
tooltip: {
trigger: ‘item’
},
legend: {
top: ‘5%’,
left: ‘center’
},
series: [
{
name: ‘Acceso desde’,
type: ‘pie’,
radius: [‘40%’, ‘70%’],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: ‘#fff’,
borderWidth: 2
},
label: {
show: true,
position: ‘center’,
formatter: function (params) {
var html = ‘PRUEBA’;
return html;
}
},
emphasis: {
label: {
show: true,
fontSize: ’40’,
fontWeight: ‘bold’
}
},
labelLine: {
show: false
},
data: [
{ value: 1048, name: ‘Motor de búsqueda’ },
{ value: 735, name: ‘Directo’ },
{ value: 580, name: ‘Correo electrónico’ },
{ value: 484, name: ‘Anuncios de la unión’ },
{ value: 300, name: ‘Anuncios de video’ }
]
}
]
};