建站
咨詢
售后
建站咨詢
新聞中心
本文轉(zhuǎn)載自微信公眾號「大數(shù)據(jù)DT」，作者王大偉 。轉(zhuǎn)載本文請聯(lián)系大數(shù)據(jù)DT公眾號。
創(chuàng)新互聯(lián)建站是一家專注于做網(wǎng)站、成都網(wǎng)站制作與策劃設(shè)計,興隆臺網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:興隆臺等地區(qū)。興隆臺做網(wǎng)站價格咨詢:18982081108
下面制作一幅基礎(chǔ)的餅圖，將Echarts中series的type參數(shù)值設(shè)置為pie，如圖4-14所示。
代碼如下：
- option = {
- title: {
- text: '各商品銷量占比',
- subtext: 'A商場情況分析',
- left: 'center'
- },
- tooltip: {
- trigger: 'item',
- formatter: '{a}
: {c} (0j91p0u%)'- },
- 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設(shè)置為vertical，是為了避免水平顯示后會與標(biāo)題重疊。這里將tooltip的顯示格式設(shè)置為：formatter: '{a}
: {c} (jcyqklc%)'，各參數(shù)在餅圖中的具體含義為：{a}(系列名稱)，(數(shù)據(jù)項名稱)，{c}(數(shù)值)，ro7mhp6(百分比)。當(dāng)鼠標(biāo)懸停在某塊餅上時，該塊餅會突出顯示且按照formatter的格式顯示文字和數(shù)值。
需要注意的是，當(dāng)我們點擊餅圖的legend時，如點擊C商品的legend時，C商品的圖例會變?yōu)榛疑瑫r，餅圖中將不再顯示C商品餅塊，且會重新計算百分比，如圖4-15所示。
▲圖4-15 餅圖顯示控制
除了基本的餅圖，我們也常常會用到環(huán)形圖。在ECharts中，在series中加上radius參數(shù)即可繪制環(huán)形圖，例如下面代碼中的radius: ['50%', '70%']，代表環(huán)內(nèi)部半徑和外部半徑的比例分別為50%、70%。
- option = {
- title: {
- text: '各商品銷量占比',
- subtext: 'A商場情況分析',
- left: 'center'
- },
- tooltip: {
- trigger: 'item',
- formatter: '{a}
: {c} (oodursa%)'- },
- 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商品'}
- ],
- }
- ]
- };
環(huán)形圖可視化結(jié)果如圖4-16所示。
▲圖4-16 環(huán)形圖
關(guān)于作者：王大偉，畢業(yè)于華東理工大學(xué)，碩士學(xué)歷，目前就職于平安金融壹賬通，從事數(shù)據(jù)挖掘算法工作，擅長ECharts、Python、自然語言處理、數(shù)據(jù)分析挖掘、機器學(xué)習(xí)。曾獲微軟最有價值專家(MVP)榮譽稱號。
本文摘編自《ECharts數(shù)據(jù)可視化：入門、實戰(zhàn)與進(jìn)階》，經(jīng)出版方授權(quán)發(fā)布。
當(dāng)前文章：手把手教你用ECharts畫餅圖和環(huán)形圖
本文來源：http://www.5511xx.com/article/cosichj.html
