flot饼图在饼图标签中不显示值1

时间:2016-02-23 10:46:00

标签: javascript jquery css flot

我正在尝试绘制一个flot饼图问题,当我正在绘制所有其他值显示在饼图标签但值“1”未显示时..

饼图选项

var plot = $.plot("#" + divId, graphData, {
    series : {
        pie : {
            show : true,
            label : {
                show : true,
                radius : 2 / 3,
                formatter : labelFormatter,
                threshold : 0.1
            }
        }
    },
    zoom : {
        interactive : false
    },
    pan : {
        interactive : false
    },
    grid : {
        hoverable : true,
        clickable : true
    }
});


 function labelFormatter(label, series) {
  return "<div style='font-size:8pt; text-align:center; padding:2px;     color:white;'>" + series.data[0][1] + "</div>";
 }

我的数据

[
    {data:2,label:"xxxx"},{data:1,label:"xxxx"},
    {data:2,label:"xxxx"},data:1,label:"xxxx"},
    {data:2,label:"xxxx"},data:6,label:"xxxx"}
]

screenshot also attached here

1 个答案:

答案 0 :(得分:1)

这是由threshold: 0.1选项引起的,该选项会抑制总价值少于0.1的作品的标签。由于您的总价值为14,因此所有小于1.4的商品都没有标签。删除显示所有标签的选项。