flot 饼图在饼标签中未显示值 1
flot pie chart not showing value 1 in pie label
我正在尝试绘制 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"}
]
这是由 threshold: 0.1
选项引起的,该选项抑制了总价值小于 0.1
的部分的标签。由于您的总值为 14,因此所有小于 1.4 的部分都没有标签。删除显示所有标签的选项。
我正在尝试绘制 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"}
]
这是由 threshold: 0.1
选项引起的,该选项抑制了总价值小于 0.1
的部分的标签。由于您的总值为 14,因此所有小于 1.4 的部分都没有标签。删除显示所有标签的选项。