正常餅圖是鼠標移動到餅圖上面顯示數據，

現在可以直接顯示在每塊餅圖變；

option = {

? ? title : {
? ? ? ? text: '某站點用戶訪問來源',
? ? ? ? subtext: '純屬虛構',
? ? ? ? x:'center'
? ? },
? ? tooltip : {
? ? ? ? trigger: 'item',
? ? ? ? formatter: "{a} <br/>{b} : {c} (ze8trgl8bvbq%)"
? ? },
? ? legend: {
? ? ? ? orient: 'vertical',
? ? ? ? left: 'left',
? ? ? ? data: ['直接訪問','郵件營銷','聯盟廣告','視頻廣告','搜索引擎']
? ? },
? ? series : [
? ? ? ? {
? ? ? ? ? ? name: '訪問來源',
? ? ? ? ? ? type: 'pie',

? ? ? ? ? ? radius : '55%',

? ??label: {
? ? ? ? ? ? ? ?normal: {
? ? ? ? ? ? ? ? ? ?formatter: ' {b}：{c} ?ze8trgl8bvbq%',//此處可以改變需要的樣式
? ? ? ? ? ? ? ? ? ?backgroundColor: '#eee',
? ? ? ? ? ? ? ? ? ?borderColor: '#aaa',
? ? ? ? ? ? ? ? ? ?borderWidth: 1,
? ? ? ? ? ? ? ? ? ?borderRadius: 4,
? ? ? ? ? ? ? ? ? ?rich: {
? ? ? ? ? ? ? ? ? ? ? ?a: {
? ? ? ? ? ? ? ? ? ? ? ? ? ?color: '#999',
? ? ? ? ? ? ? ? ? ? ? ? ? ?lineHeight: 22,
? ? ? ? ? ? ? ? ? ? ? ? ? ?align: 'center'
? ? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? ? ?hr: {
? ? ? ? ? ? ? ? ? ? ? ? ? ?borderColor: '#aaa',
? ? ? ? ? ? ? ? ? ? ? ? ? ?width: '100%',
? ? ? ? ? ? ? ? ? ? ? ? ? ?borderWidth: 0.5,
? ? ? ? ? ? ? ? ? ? ? ? ? ?height: 0
? ? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ? ? ?b: {
? ? ? ? ? ? ? ? ? ? ? ? ? ?fontSize: 16,
? ? ? ? ? ? ? ? ? ? ? ? ? ?lineHeight: 33
? ? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ? ? ?per: {
? ? ? ? ? ? ? ? ? ? ? ? ? ?color: '#eee',
? ? ? ? ? ? ? ? ? ? ? ? ? ?backgroundColor: '#334455',
? ? ? ? ? ? ? ? ? ? ? ? ? ?padding: [2, 4],
? ? ? ? ? ? ? ? ? ? ? ? ? ?borderRadius: 2
? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?}
? ? ? ? ? ?},

? ? ? ? ? ? center: ['50%', '60%'],
? ? ? ? ? ? data:[
? ? ? ? ? ? ? ? {value:335, name:'直接訪問'},
? ? ? ? ? ? ? ? {value:310, name:'郵件營銷'},
? ? ? ? ? ? ? ? {value:234, name:'聯盟廣告'},
? ? ? ? ? ? ? ? {value:135, name:'視頻廣告'},
? ? ? ? ? ? ? ? {value:1548, name:'搜索引擎'}
? ? ? ? ? ? ],
? ? ? ? ? ? itemStyle: {
? ? ? ? ? ? ? ? emphasis: {
? ? ? ? ? ? ? ? ? ? shadowBlur: 10,
? ? ? ? ? ? ? ? ? ? shadowOffsetX: 0,
? ? ? ? ? ? ? ? ? ? shadowColor: 'rgba(0, 0, 0, 0.5)'
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? }
? ? ]
};

總結

以上是生活随笔為你收集整理的echart 饼图数据显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。