ECHARTS柱形圖和餅圖數值顯示，官方文檔寫的很不錯，這裏自己單獨梳理一下，以後可能會用的到。

1、柱形圖數值顯示

在option添加：

label:{

normal:{

show: true,

position: ‘top‘}

},

其中position為數值顯示的位置，具體屬性可以查看官方的配置項。

2、餅圖

在option中series添加：

itemStyle:{

normal:{

label:{

show: true,

formatter: ‘{b} : {c} ({d}%)‘,

textStyle:{

fontSize:8

}

},

labelLine :{show:true}

}

}

其中formatter為數值的格式，textStyle可以設置字體屬性，如顏色，字體類型，大小等。具體屬性可以查看官方的配置項。

本文出自 “林元煌的博客” 博客，請務必保留此出處http://lyhmm.blog.51cto.com/1797932/1943515

ECHARTS柱形圖和餅圖數值顯示