浮選餅圖系列名稱“ undefined”

Question

我正在嘗試使用浮動餅圖顯示我的網站的瀏覽器訪問。 除了序列名稱顯示為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
    }
});

這個系列的結果是

為什么系列名稱顯示未定義而不是瀏覽器名稱？ 我做錯了什么，應該怎么解決？ 謝謝。

Answer 1

好吧，您只需要在餅圖塊中添加格式化程序功能，如下所示

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

                 }
             }

我也為您創建了一個樣本提琴，您可以看一下http://jsfiddle.net/coolbhushans/03kd2mav/