中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：ECharts 配置語(yǔ)法 下一篇：ECharts 樣式設(shè)置

ECharts 餅圖

前面的章節(jié)我們已經(jīng)學(xué)會(huì)了使用 ECharts 繪制一個(gè)簡(jiǎn)單的柱狀圖，本章節(jié)我們將繪制餅圖。

餅圖主要是通過(guò)扇形的弧度表現(xiàn)不同類目的數(shù)據(jù)在總和中的占比，它的數(shù)據(jù)格式比柱狀圖更簡(jiǎn)單，只有一維的數(shù)值，不需要給類目。因?yàn)椴辉谥苯亲鴺?biāo)系上，所以也不需要 xAxis，yAxis。

實(shí)例

myChart.setOption({ series : [ { name: '訪問(wèn)來(lái)源', type: 'pie', // 設(shè)置圖表類型為餅圖 radius: '55%', // 餅圖的半徑，外半徑為可視區(qū)尺寸（容器高寬中較小一項(xiàng)）的 55% 長(zhǎng)度。 data:[ // 數(shù)據(jù)數(shù)組，name 為數(shù)據(jù)項(xiàng)名稱，value 為數(shù)據(jù)項(xiàng)值 {value:235, name:'視頻廣告'}, {value:274, name:'聯(lián)盟廣告'}, {value:310, name:'郵件營(yíng)銷'}, {value:335, name:'直接訪問(wèn)'}, {value:400, name:'搜索引擎'} ] } ] })

運(yùn)行代碼 ?

我們也可以通過(guò)設(shè)置參數(shù) roseType: 'angle' 把餅圖顯示成南丁格爾圖。

實(shí)例

option = { series : [ { name: '訪問(wèn)來(lái)源', type: 'pie', radius: '55%', roseType: 'angle', data:[ {value:235, name:'視頻廣告'}, {value:274, name:'聯(lián)盟廣告'}, {value:310, name:'郵件營(yíng)銷'}, {value:335, name:'直接訪問(wèn)'}, {value:400, name:'搜索引擎'} ] } ] };

運(yùn)行代碼 ?

陰影的配置

itemStyle 參數(shù)可以設(shè)置諸如陰影、透明度、顏色、邊框顏色、邊框?qū)挾鹊龋?/p>

實(shí)例

option = { series : [ { name: '訪問(wèn)來(lái)源', type: 'pie', radius: '55%', data:[ {value:235, name:'視頻廣告'}, {value:274, name:'聯(lián)盟廣告'}, {value:310, name:'郵件營(yíng)銷'}, {value:335, name:'直接訪問(wèn)'}, {value:400, name:'搜索引擎'} ], roseType: 'angle', itemStyle: { normal: { shadowBlur: 200, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] };

運(yùn)行代碼 ?
上一篇：ECharts 配置語(yǔ)法 下一篇：ECharts 樣式設(shè)置