Echarts饼图各项数值和占比显示,以及字体大小调整
来源:互联网 发布:量化投资算法 编辑:程序博客网 时间:2024/06/06 05:06
series : [ {
//name : '',
name:'',
type : 'pie',
radius : '65%',
center : [ '50%', '50%' ],
label : {
normal : {
formatter: '{b}:{c}: ({d}%)',
textStyle : {
fontWeight : 'normal',
fontSize : 15
}
}
},
data:[],
itemStyle : {
emphasis : {
shadowBlur : 10,
shadowOffsetX : 0,
shadowColor : 'rgba(0, 0, 0, 0.5)'
}
}
//name : '',
name:'',
type : 'pie',
radius : '65%',
center : [ '50%', '50%' ],
label : {
normal : {
formatter: '{b}:{c}: ({d}%)',
textStyle : {
fontWeight : 'normal',
fontSize : 15
}
}
},
data:[],
itemStyle : {
emphasis : {
shadowBlur : 10,
shadowOffsetX : 0,
shadowColor : 'rgba(0, 0, 0, 0.5)'
}
}
} ]
红色部分,字体大小以及各项数值占比都在lable的normal{}中配置,在formatter中配置各项显示数值百分比等,
其中{b}表示各项名称,此项配置为默认显示项,{c}表示此项的数量显示,默认不显示,({d}%)表示此项占比,默认不显示。
textStyle:{}用来配置字体属性,fontWeight表示文字字体的粗细,可选'normal','bold','bolder','lighter';
fontSize表示字体大小,默认为12,通过配置此项来调节饼图各项字体大小显示。
阅读全文
1 0
- Echarts饼图各项数值和占比显示,以及字体大小调整
- echarts 横向占比条状图
- echarts柱状图显示数值
- 调整pwm占空比
- XShell调整字体大小以及样式
- echarts如何让折线图的每个折点都显示数值?
- Android 调整图标和字体大小
- echarts柱状图不同颜色与显示数值
- 字段占空比和特征字段占空比
- Android根据可显示宽度调整字体大小
- esp8266-01和esp8266-12f的区别,以及pwm占空比控制电压变化
- android圆饼图占比
- 自定义圆环百分占比view (label文字支持自动换行 和设置显示行数)
- Eclipse背景与字体大小和xml文件中字体大小调整
- echarts 地图类型热度图 visualMap 图列数值导致 地图发生严重的显示bug
- wordpress 调整段落间距和字体大小
- Eclipse调整Java和xml代码字体大小
- android studio调整代码和菜单栏字体大小
- 字典序全排列
- UVA 548 树
- 2013年的学习体会
- Microsoft Windows Operating System Version
- BZOJ 3407: [Usaco2009 Oct]Bessie's Weight Problem 贝茜的体重问题 背包dp
- Echarts饼图各项数值和占比显示,以及字体大小调整
- No Dialect mapping for JDBC type 0
- 前端页面接收request.setAttribute("变量名", 变量值)传的值
- daytimeUDP协议客户端与服务器交互过程
- 《悟透javascript》摘抄1.3-一首小诗
- 五分钟学GIS | 倾斜摄影技术
- 求助,oracle的connect by功能转换到mysql如何
- python 文件读写异常 [已解]
- 数据库SQL语句 SELECT LIKE like用法详解