[[378833]]

本文轉載自微信公眾號「大數據DT」，作者王大偉  。轉載本文請聯系大數據DT公眾號。

下面制作一幅基礎的餅圖，將Echarts中series的type參數值設置為pie，如圖4-14所示。

代碼如下：

option = { 
    title: { 
        text: '各商品銷量占比', 
        subtext: 'A商場情況分析', 
        left: 'center' 
    }, 
    tooltip: { 
        trigger: 'item', 
        formatter: '{a} <br/> : {c} (jtffrzf%)' 
    }, 
    legend: { 
        orient: 'vertical', 
        left: 'left', 
        data: ['A商品', 'B商品', 'C商品', 'D商品', 'E商品'] 
    }, 
    series: [ 
        { 
            name: '所售商品', 
            type: 'pie', 
            data: [ 
                {value: 343, name: 'A商品'}, 
                {value: 250, name: 'B商品'}, 
                {value: 509, name: 'C商品'}, 
                {value: 108, name: 'D商品'}, 
                {value: 948, name: 'E商品'} 
            ], 
        } 
    ] 
}; 

▲圖4-14 餅圖

在上述代碼中，將legend設置為vertical，是為了避免水平顯示后會與標題重疊。這里將tooltip的顯示格式設置為：formatter: '{a}
 : {c} (xdrt77z%)'，各參數在餅圖中的具體含義為：{a}(系列名稱)，(數據項名稱)，{c}(數值)，rlz7trz(百分比)。當鼠標懸停在某塊餅上時，該塊餅會突出顯示且按照formatter的格式顯示文字和數值。

需要注意的是，當我們點擊餅圖的legend時，如點擊C商品的legend時，C商品的圖例會變為灰色，同時，餅圖中將不再顯示C商品餅塊，且會重新計算百分比，如圖4-15所示。

▲圖4-15 餅圖顯示控制

除了基本的餅圖，我們也常常會用到環形圖。在ECharts中，在series中加上radius參數即可繪制環形圖，例如下面代碼中的radius: ['50%', '70%']，代表環內部半徑和外部半徑的比例分別為50%、70%。

option = { 
    title: { 
        text: '各商品銷量占比', 
        subtext: 'A商場情況分析', 
        left: 'center' 
    }, 
    tooltip: { 
        trigger: 'item', 
        formatter: '{a} <br/> : {c} (nx7p5xv%)' 
    }, 
    legend: { 
        orient: 'vertical', 
        left: 'left', 
        data: ['A商品', 'B商品', 'C商品', 'D商品', 'E商品'] 
    }, 
    series: [ 
        { 
            name: '所售商品', 
            type: 'pie', 
            radius: ['50%', '70%'], 
            data: [ 
                {value: 343, name: 'A商品'}, 
                {value: 250, name: 'B商品'}, 
                {value: 509, name: 'C商品'}, 
                {value: 108, name: 'D商品'}, 
                {value: 948, name: 'E商品'} 
            ], 
        } 
    ] 
}; 

環形圖可視化結果如圖4-16所示。

▲圖4-16 環形圖

關于作者：王大偉，畢業于華東理工大學，碩士學歷，目前就職于平安金融壹賬通，從事數據挖掘算法工作，擅長ECharts、Python、自然語言處理、數據分析挖掘、機器學習。曾獲微軟最有價值專家(MVP)榮譽稱號。

本文摘編自《ECharts數據可視化：入門、實戰與進階》，經出版方授權發布。