首页 > 编程知识 正文

怎么在柱状图上加百分比,echarts柱状图上显示文字

时间:2023-05-05 07:51:36 阅读:127978 作者:4466

UI显示这样的图,饼图不仅要显示文字和数值,还必须在内部显示百分比。 由于序列标签只能设置在饼图内部或饼图外部,因此无法同时实现内外两种功能。 在这种情况下,可以将两个相同的配置对象设置为series中的两个饼图重叠。 但是,一个为内部,一个为外部,剩下的配置几乎不变,代码如下

letpieechart=this.$ e charts.init (this.$ refs.xxpxpie ) let title='集团公司培训nn' this.barTextCenter ' text style : { color : ' # dbbb 95 ',fontSize:45,},left:'40% ',top:'43% ',},series 3360 { } ' item style : { Bordercolor3360'#201F1D ',border color 3360 ' # 201 f1d ',Border //默认值是外部的,因此在此为position : ' outout fontSize: '40 ',formatter: '{b}nn{c} //设置外部字符的位置},labelline:(show:true,length:48,) /两条指示线之间的角度//maxax //指示线和扇形角度line style : { color : ' # adadad ',width:2 } },data: this.pieData,},{ tttth Avoor //避免标签重叠的radius: ['52% '、' 92%']、color:['#3dc5d1'、' #ee4e40 '、' #fbb321']、item stye 在position: 'inner ',//饼图内部的color:'#fff ',fontSize: '37 ',formatter3360 '中显示百分比的标签行: length2:220,line style : { color : ' # adadad ',width:2 } }

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。