Nuestros investigadores estrellas han agotado sus provisiones de café, por su búsqueda todo el tiempo por la solución, hasta que Gabriela encontró la contestación en GitHub por lo tanto hoy la compartimos con nosotros.
Solución:
Parece que no existe tal opción de compilación.
Sin embargo, hay una biblioteca especial para esta opción, se llama: “Chart PieceLabel”.
Aquí está su demostración.
Después de agregar su secuencia de comandos a su proyecto, es posible que desee agregar otra opción, llamada: “pieceLabel”, y definir los valores de las propiedades como desee:
pieceLabel:
// mode 'label', 'value' or 'percentage', default is 'percentage'
mode: (!mode) ? 'value' : mode,
// precision for percentage, default is 0
precision: 0,
// font size, default is defaultFontSize
fontSize: 18,
// font color, default is '#fff'
fontColor: '#fff',
// font style, default is defaultFontStyle
fontStyle: 'bold',
// font family, default is defaultFontFamily
fontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"
Use el complemento de etiquetas de datos https://chartjs-plugin-datalabels.netlify.app/
Integración HTML
debe cargarse después de la biblioteca Chart.js.
Tu código será así.
options:
plugins:
// Change options for ALL labels of THIS CHART
datalabels:
color: '#36A2EB'
,
data:
datasets: [
// Change options only for labels of THIS DATASET
datalabels:
color: '#FFCE56'
]
Verá los valores de los conjuntos de datos como una etiqueta de forma predeterminada si desea anular esto. por ejemplo, por etiqueta
options:
plugins:
datalabels:
formatter: function(value, context)
return context.chart.data.labels[context.dataIndex];
Si te gusta la invitación, eres capaz de dejar una división acerca de qué le añadirías a esta crónica.