javascript - datasets - chart js tooltip always visible

Chart.js Mostrar etiquetas en gráfico circular

Question

Recientemente actualicé mi biblioteca charts.js a la versión más actualizada (2.5.0). Esta versión no muestra las etiquetas en el gráfico.

Tengo un ejemplo de trabajar uno en fiddler: http://jsfiddle.net/g6fajwg8 .

Sin embargo, definí mi gráfico exactamente como en el ejemplo, pero aún no puedo ver las etiquetas en el gráfico.

Nota: Hay muchas preguntas como esta en Google y Stackoverflow, pero la mayoría de ellas se refieren a versiones anteriores que funcionan bien en ellas.

var config = {
type: ''pie'',
data: {
datasets: [{
data: [
1200,
1112,
533,
202,
105,
],
backgroundColor: [
"#F7464A",
"#46BFBD",
"#FDB45C",
"#949FB1",
"#4D5360",
],
label: ''Dataset 1''
}],
labels: [
"Red",
"Green",
"Yellow",
"Grey",
"Dark Grey"
]
},
options: {
responsive: true,
legend: {
position: ''top'',
},
title: {
display: true,
text: ''Chart.js Doughnut Chart''
},
animation: {
animateScale: true,
animateRotate: true
}
}
};
window.pPercentage = new Chart(ChartContext, config);

Answer 1

Parece que no hay tal opción en construir.

Sin embargo, hay una biblioteca especial para esta opción, que llama: " Chart PieceLabel ".

Aquí está su demo .

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 que 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"
}