ECharts|饼图（用ECharts绘制）
目录
常见效果 显示数值label.formatter
圆环设置两个半径radius:[50%, 70%] (百分比参照的是容器宽度和高度中较小的那一个的一半)
Document - 锐客网
【ECharts|饼图（用ECharts绘制）】
文章图片
南丁格尔图roseType:'radius'
//其它代码和上面一样
var option = {
series: [
{
type: 'pie',
data: pieData,
label: {
show: true,
formatter: function(arg) {
return arg.name + '平台' + arg.value + '元\n' + arg.percent + '%'
}
},
roseType:'radius',
}
]
}
文章图片
选中效果
选中模式selectedMode: single(点中某一块可偏移，但只能实现偏移一块)
文章图片
selectedMode: multiple（可偏移多块）
文章图片
选中偏移量selectedOffset: 30
//其它代码和上面一样
var option = {
series: [
{
type: 'pie',
data: pieData,
label: {
show: true,
formatter: function(arg) {
return arg.name + '平台' + arg.value + '元\n' + arg.percent + '%'
}
},
selectedMode: 'multiple',//'single'
selectedOffset: 30,
}
]
}推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- JS中的各种宽高度定义及其应用
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- 涉毒患者(新诗)
- 参保人员因患病来不及到指定的医疗机构就医，能否报销医疗费用（）
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。