javascript - 如果 jquery 饼图中的数据为零，则隐藏图例标签

Question

我正在尝试使用包含零值的数据集绘制饼图。但饼图仅显示标签，直到数据更新。

如果我想显示空饼图怎么办。

我给了：

var data = [
{
    label: "Series1",
    data: 0,
    url: "http://stackoverflow.com"},
{
    label: "Series2",
    data: 0,
    url: "http://serverfault.com"},
{
    label: "Serie3",
    data: 0,
    url: "http://superuser.com"},
{
    label: "Series4",
    data: 0,
    url: "http://www.google.com"},
{
    label: "Series5",
    data: 0,
    url: "http://www.oprah.com"},
{
    label: "Series6",
    data: 0,
    url: "http://www.realultimatepower.net/"}
];
var options = {
    series: {
        pie: {
            show: true
        }
    },
    grid: {
        hoverable: true
    }
};

var plot = $.plot($("#graphLoaderDiv"), data, options);

Answer 1

如果系列百分比为零，则修改您的标签格式化程序函数以返回 null。

Answer 2

在深入挖掘之后，我意识到最好的解决方案是如果您的数据集值为零，则不显示饼图。您可以编辑以下插件或在绘图功能中添加检查。

从这里下载 jquery.flot.pie.js

http://code.google.com/p/flot/issues/detail?id=530

转到第 411 行并修改代码如下。

if( isNaN(angle) ) {
    //var html = html = '<span class="pieLabel" id="pieLabelNoData" style="position:absolute;top:20px;left:5px;">There is no available data.</span>';
    //html = target.append(html);
    target.hide();
}

Answer 3

你可以像这样显示空数据

$piedata="[{label:'no data',data:1}]";