jquery - 凡例と円ラベル付きのフロット円グラフ

Question

flot ライブラリを使用して円グラフを描画しています。凡例と円ラベルを組み合わせた円グラフを描きたいです。円ラベルはスライスの割合のみを表示し、データ系列からの対応するラベル情報は凡例に表示されます。フロートチャートを使用してこの組み合わせは可能ですか?

Answer 1

パーセントのみ (ラベルなし)のスライスが必要な場合formatterは、ラベル オプションのカスタムを定義する必要があります。

$.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}
});

ここでフィドル。

Answer 2

はい、これは可能です。ここに例があります - 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}

});