Flot Kreisdiagramm mit Legende & Pie labels

Ich bin mit flot-Bibliothek zum zeichnen von Kreisdiagrammen. Ich will zeichnen Kreisdiagramm mit Kombination von legend & pie labels. Wobei pie-Etiketten werden nur angezeigt, slice-Anteil & entsprechenden label-Informationen aus dem Daten-Serie, erscheint in der Legende. Ist diese Kombination möglich mit flot-charts?

InformationsquelleAutor Shaggy | 2013-09-27

  1. 8

    Wenn Sie möchten, dass die Scheiben mit Prozent nur (ohne Etikett), die Sie brauchen, um eine benutzerdefinierte formatter für die label-option:

    $.plot($("#placeholder"), datapie, { 
    series: {
         pie: {
             show: true,
             label: {
                 show: true,
                 //Added custom formatter here...
                 formatter: function(label,point){
                     return(point.percent.toFixed(2) + '%');
                 }
             }
        }
    },        
    legend: {show: true}
});

    Fiddle hier.

    Flot Kreisdiagramm mit Legende & Pie labels

    InformationsquelleAutor Mark

  2. 3

    Ja, das ist möglich, hier ist ein Beispiel - http://jsfiddle.net/Rnusy/11/

    datapie = [
{label: "Running",  data: 19.5, color: '#e1ab0b'},
{label: "Stopped",  data: 4.5, color: '#fe0000'},
{label: "Terminated",  data: 36.6, color: '#93b40f'}
];


$.plot($("#placeholder"), datapie, {

 series: {
 pie: {show: true,
     label: {show: true}
}
},

legend: {show: true}

});

    InformationsquelleAutor Blake

Schreibe einen Kommentar