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

标签：echarts

原文地址：http://lyhmm.blog.51cto.com/1797932/1943515