jqPlot zeigen Prozent und Wert auf pie chart

Ich bin mit jqPlot mit jqplot.PieRenderer, um zu versuchen und zeigen ein Kreisdiagramm. Auf dem label möchte ich zeigen value (percent). Die Dokumentation sagt, Sie können gehen dataLabel eine Reihe von label-Typen (Quelle), allerdings setzen %d%% (für Prozent) und %d (Z-Wert) in der dataLabelFormatString option am Ende zeigt nichts.

Irgendwelche Ideen hier?

{ 
    seriesDefaults: {
        renderer: jQuery.jqplot.PieRenderer, 
        rendererOptions: {
            showDataLabels: true,
            dataLabels: ['value', 'percent'],
            dataLabelFormatString: "%d %d%%",
            sliceMargin: 4,
            fill: false
        }
    }, 
    legend: { show:true, location: 'e' }
}
InformationsquelleAutor Snuffleupagus | 2012-07-18
  1. 19

    Las ich diese docs ein wenig anders. Es ist die Optionen 'value', 'Prozent', 'label' ODER ein array von labels. Nicht ein array von Optionen. Zu tun, was Sie wollen, Sie müssen, um Ihre datalabels als ein echtes array-Etiketten.

    Beispiel:

    data = [
    ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], 
    ['Out of home', 16],['Commuting', 7], ['Orientation', 9]
];

var total = 0;
$(data).map(function(){total += this[1];})

myLabels = $.makeArray($(data).map(function(){return this[1] + " " + Math.round(this[1]/total * 100) + "%";}));

    Siehe Beispiel fiddle hier.

    • Ich danke Ihnen sehr! Ich wünschte, ich könnte Ihnen mehr als eine rep für diese.
    • Sie sind herzlich willkommen.
    • Sehr gut - ich habe auch ein wenig verwirrt mit den docs und versucht, die Umsetzung einer Reihe von Optionen, - du es gelöst hast - Super, danke.
    InformationsquelleAutor Mark
  2. 0

    verwenden 

     formatter: function(label, series){
                        return '<div style="font-size:14pt;text-align:center;padding:2px;color:white;">'+Math.round(series.percent)+"%<br/>" + series.data[0][1] +'</div>';
                    },
    InformationsquelleAutor Diogenes Chepe Ardines Salazar
Schreibe einen Kommentar