本文介绍了如何使用ECharts绘制饼图并添加引导线和圆点标注。通过在`series`中设置两个相同数据的饼图，分别配置不同的`label`样式，实现了文字与圆点的独立控制。示例代码展示了具体的配置项，包括颜色、半径、中心位置、标签线长度等，以及利用`formatter`和`rich`进行自定义格式化。
series里面写两次，两次的饼图数据一样，第一次的label是不带点的文字，第二次的label只有一个点，这样就可以单独移动点了，这边有我写的一个例子
const data = {
dataSex: [ {
value: '202',
}],
dataAge: [{
name: '中风险',
value: '272'
}, {
name: '高风险',
value: '292'
}, {
name: '无风险',
value: '120'
}, {
name: '低风险',
value: '42'
}]
};
option = {
color: 'rgb(193,193,193)',
series: [
{
color: ['rgb(255,99,39)', 'rgb(17,95,225)','rgb(2,144,255)','rgb(252,214,88)'],
type: 'pie',
radius: ['60', '90'],
center: ['50%', '40%'],
hoverAnimation:
最低0.47元/天 解锁文章
扫一扫
9345
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
