当数据中的一条记录使用Flot图表时,不会创建饼图

时间:2013-11-23 06:46:02

标签: javascript jquery flot

如果数据中只有一条记录,则不显示饼图。我正在使用Flot图表。

<script type='text/javascript'>
$(function () {
    var data = [{
        label: "Series1",
        data: 1
    }, ];
    $.plot($("#graph11"), data, {
        series: {
            pie: {
                show: true,
                radius: 1,
                tilt: 0.5,
                label: {
                    show: true,
                    radius: 1,
                    formatter: function (label, series) {
                        return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">' + label + '<br/>' + Math.round(series.percent) + '%</div>';
                    },
                    background: {
                        opacity: 0.8
                    }
                },
                combine: {
                    color: '#999',
                    threshold: 0.1
                }
            }
        },
        legend: {
            show: false
        }
    });
});
</script>

当数据中只有一条记录时,则不显示饼图。

1 个答案:

答案 0 :(得分:1)

代码看起来很好。

<强>除

如果您在旧版本的IE(&lt; = 7)中运行它:

var data = [{
    label: "Series1",
    data: 1
}, ];  // <--remove the trailing comma

It'll die on the trailing comma.