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