饼图自定义标签行间距

使用了以下自定义代码，但无论用 margin-top 还是 line-height，都无法尽可能缩小标签的行间距，以下是效果

function() {  

 return '<font style="youshebiaotihei; margin-top: 10px; line-height: 1">' + this.value + '个<br>' + this.name + '</font>'; 

}

image.png

下面这图是用富文本做的，但就无法选择一些其他的字体了。可以看到行间距确实是可以在上图的基础上继续减少的，但不知道为什么 margin-top 还是 line-height 都无法调整

image.png
FineReport zyx5809 发布于 2023-10-19 09:42 （编辑于 2023-10-19 10:12）
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共3回答
最佳回答
0
ID1208Lv6高级互助
发布于2023-10-19 10:08（编辑于 2023-10-19 10:32）

line-height   和   height  需要配合使用，才能出效果，加进去试试

image.png

image.png

function() {  

 return  '<p style="height:15px;text-align:center;line-height:15px;">'+this.seriesName+'</br>'+this.value+'

';

}
举报 收起评论(1)
  • zyx5809 zyx5809(提问者) 我直接font元素换了p元素，应该不需要加 height 谢谢
    2023-10-19 10:56 
最佳回答
0
CD20160914Lv8专家互助
发布于2023-10-19 09:45（编辑于 2023-10-19 09:46）

那就不用它吧，就直接换行吧<br> 吧 你里面有br换行的功能

不一定全支持

image.png
最佳回答
0
用户k6280494Lv6资深互助
发布于2023-10-19 09:46（编辑于 2023-10-19 10:19）

letter-spacing: 2px;  

这个

image.png

测试

image.png

function(){ 

 return '<font style="line-height: 0.9">' + this.value + '个<br>' + this.seriesName + '</font>'; 

}
举报 收起评论(7)
  • zyx5809 zyx5809(提问者) 这个是字符间距不是行间距吧......我测试确实字与字之间左右的宽度能调整。 但我想调整的是行与行之间的上下间距
    2023-10-19 09:54 
  • 用户k6280494 用户k6280494 回复 zyx5809(提问者) line-height:5 你把这个值调大一点，我测试可以
    2023-10-19 09:59 
  • zyx5809 zyx5809(提问者) 回复 用户k6280494 确实是可以增大的。我问题描述有问题。现在的需求是尽可能减小行距，我对line-height 的值无论设置为1，0.5，0，都不能再减少了，无法达到富文本那样的行距
    2023-10-19 10:14 
  • 用户k6280494 用户k6280494 回复 zyx5809(提问者) 刚说完，我去测试了一下，可以调小，我改成0.1，都重叠在一起了，0.9是挨在一起，看截图
    2023-10-19 10:19 
  • 用户k6280494 用户k6280494 回复 zyx5809(提问者) 我只用了line-heigh
    2023-10-19 10:19 
  • 4关注人数
  • 295浏览人数
    • 最后回答于：2023-10-19 10:32
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部