jquery - 带有图例和饼图标签的 Flot 饼图

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}

});