es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo agregar el símbolo % al final de la etiqueta de información sobre herramientas en un gráfico de rosquilla con Chart.js v3.60?

¿Cómo debo modificar el siguiente código para agregar un símbolo de % al final del valor de la información sobre herramientas?

He intentado varias soluciones de diferentes publicaciones, pero todas parecen ser soluciones v2.0. No estoy seguro de qué escribir dentro de la línea de devoluciones de llamada.

const ctx = document.getElementById(‘myChart’);
const myChart = new Chart(ctx, {
type: ‘doughnut’,
data: {
datasets: [{
data: [12, 19, 3, 5, 2],
backgroundColor: [
‘#b59671’,
‘#c7ba53’,
‘#7da35a’,
‘#4c77ba’,
‘#000000’
],
borderColor: [
‘#b59671’,
‘#c7ba53’,
‘#7da35a’,
‘#4c77ba’,
‘#000000’
],
borderWidth: 1,
}]
},
options: {
cutout: 300,
hoverOffset: 8,
plugins: {
tooltip: {
displayColors: false,
callbacks: {

            }
        }
    }
}

});

Tags:  ,

Answer

  1. Avatar for davy.ai

    Puede modificar la línea de callbacks para agregar un símbolo de % al final del valor de la herramienta de información como se muestra a continuación:

    opciones: {
        cutout: 300,
        hoverOffset: 8,
        complementos: {
            tooltip: {
                displayColors: false,
                callbacks: {
                    etiqueta: function(tooltipItem, data) {
                        return data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index] + '%';
                    }
                }
            }
        }
    }
    

Comments are closed.