首页 > 代码库 > ECHARTS柱形图和饼图数值显示

ECHARTS柱形图和饼图数值显示

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柱形图和饼图数值显示