绘制饼图系列名称" undefined"

时间:2014-12-25 07:44:07

标签: javascript charts flot pie-chart

我正在尝试使用flot饼图显示我网站的浏览器访问次数。除了系列名称显示为undefined外,一切正常。 该系列的数据是。

[

    [
        "Chrome",
        "54"
    ],
    [
        "Firefox",
        "51"
    ],
    [
        "Internet Explorer",
        "9"
    ],
    [
        "Opera Mini",
        "2"
    ],
    [
        "Safari",
        "2"
    ]

]

,JavaScript是

$('#browserVisits').css({
    height: '300px',
    width: '100%'
});

$.plot($('#browserVisits'), visits, {
    series: {
        pie: {
            show: true
        }
    },
    grid: {
        hoverable: true,
        clickable: true
    },
    legend: {
        show: false
    }
});

这个系列的结果就像 Pie Chart

为什么系列名称显示为undefined而不是浏览器名称? 我做错了什么,可以解决什么问题? 感谢。

1 个答案:

答案 0 :(得分:2)

嗯,你只需要在饼块中添加格式化程序功能,如下所示

label: {
                 show: true,
                 formatter: function(label,point){
                     return(point.label + '<br>'+ point.percent.toFixed(2) + '%');

                 }
             }

另外,我为你制作了一个样本小提琴 http://jsfiddle.net/coolbhushans/03kd2mav/