饼图标签问题

图片.png

标签怎么做成这种样式?带下划线的

FineReport 小阿涛吖 发布于 2024-6-4 11:14
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共7回答
最佳回答
0
Z4u3z1Lv6专家互助
发布于2024-6-4 11:16(编辑于 2024-6-4 11:17)
最佳回答
0
等待1986Lv2见习互助
发布于2024-6-4 11:16(编辑于 2024-6-4 11:23)

这个标准功能不太好实现,只能设置牵引线,效果达不到这样

image.png

最佳回答
0
snrtuemcLv8专家互助
发布于2024-6-4 11:16

目前这个标准不支持

可以联系帆软二开实现

最佳回答
0
LTC朝Lv6高级互助
发布于2024-6-4 11:17

这也不是下划线呀  这个是标签的延伸线,这个应该不是帆软做的图吧

  • 小阿涛吖 小阿涛吖(提问者) 帆软UI给的图
    2024-06-04 11:20 
  • LTC朝 LTC朝 回复 小阿涛吖(提问者) 你可以用1楼的建议,用html写一下,看看效果怎么样。UI这个图横线和延伸线是完全连接上的,html估计做不成这样
    2024-06-04 11:22 
最佳回答
0
用户k6280494Lv6资深互助
发布于2024-6-4 11:18

支持这种

image.png

最佳回答
0
RJ6688Lv3见习互助
发布于2024-6-4 11:23(编辑于 2024-6-4 11:30)

image.png修改高度能设成这样或者使用echarts插件能实现和你的图片一样的效果echarts 饼图 环形图 lable添加下划线_echarts lable添加下划线-CSDN博客

最佳回答
0
ID1208Lv6高级互助
发布于2024-6-4 11:38

image.png

标签自定义,css下划线+外边距

外边距根据实际情况调整大小

image.png

function(){ return '<p style="text-decoration:underline;margin-top:1px;">'+this.seriesName+'  '+(this.percentage*100).toFixed(2)+'%'+'

';}

  • 7关注人数
  • 251浏览人数
  • 最后回答于:2024-6-4 11:38
    请选择关闭问题的原因
    确定 取消
    返回顶部