前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Echarts柱状图百分比显示

Echarts柱状图百分比显示

作者头像
Java架构师必看
发布2021-10-19 11:12:03
1.9K0
发布2021-10-19 11:12:03
举报
文章被收录于专栏:Java架构师必看Java架构师必看

Echarts柱状图百分比显示

强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码

大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说Echarts柱状图百分比显示,希望能够帮助大家进步!!!

代码语言:javascript
复制
option = { tooltip: { trigger: 'item', formatter:'{c}%'    //这是关键,在需要的地方加上就行了 }, grid: { borderWidth: 0, y: 80, y2: 60 }, xAxis: [ { type: 'category', show: false, data: ['Line', 'Bar', 'Scatter', 'K', 'Pie', 'Radar', 'Chord', 'Force', 'Map', 'Gauge', 'Funnel'] } ], yAxis: [ { type: 'value', show: false } ], series: [ { name: 'ECharts例子个数统计', type: 'bar', itemStyle: { normal: { color: function(params) { // build a color map as your need. var colorList = [ '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B', '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD', '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0' ]; return colorList[params.dataIndex] }, label: { show: true, position: 'top', formatter: '{b}\n{c}%'    //这是关键,在需要的地方加上就行了 } } }, data: [12,21,10,4,12,5,6,5,25,23,7], } ]
};

当前文章到此就结束了,感谢您的阅读。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档