echarts绘制饼图时的一点特殊设置
2024-09-05 17:00:59
最后的效果如图，需要在中间展示的部分换行然后字体大小不同。
以下为option的设置，使用rich里面的参数来设置更多的文本样式，使用‘\n’来控制换行
let option = {
color: color,
backgroundColor: '#082763',
tooltip: {},
legend: {
orient: 'vertical',
left: 10,
top: 10,
textStyle: {
color: '#fff'
},
data: lengendData
},
series: [{
name: '',
type: 'pie',
radius: ['45%', '75%'],
center: ['50%', '50%'],
avoidLabelOverlap: false,
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: true,
position: 'center',
textStyle: {
fontSize: 20,
fontWeight: 'bold',
color: '#ffffff'
},
formatter: [`{x|{b}}`, `{y|{d}%}`].join('\n'),
rich: {
x: {
fontSize: 16, fontWeight: 'bold'
},
y: {
fontSize: 24, fontWeight: 'bold'
}
}
}
}, labelLine: {
normal: {
show: false
}
},
data: pieData
}]
};
最新文章
- 关于baseflight cleanflight naze32不能解锁的办法
- fallacies of distributed computing
- hdu 3466 排序01背包
- poj 3264 Balanced Lineup （线段树）
- Win8下修改任務欄的資源管理器默認打開位置
- Azure Traffic Manager 现可与 Azure 网站集成！
- Forstner算子
- MSSQL - 用GUID值来完成数据表行标识
- Asp.net网站的简单发布
- 聪聪和可可[NOI2005]
- 细说 JavaScript 七种数据类型
- SDL 开发实战（一）：SDL介绍及开发环境配置
- Functional Language
- Luogu1084 NOIP2012D2T3 疫情控制 二分答案、搜索、贪心、倍增
- Atitit 翻页功能的解决方案与版本历史 v4 r49
- SpringBoot使用Spring Initializer
- 廖雪峰Java2面向对象编程-4抽象类和接口-1抽象类
- Mysql 时间类型精度截取的bug
- pandas处理日期时间，按照时间筛选
- iTextSharp 合并PDF后，无法删除已经合并的单个文件