echart 设置 legend.type=“scroll“ 翻页时，中文上面被截取，显示不完整，解决办法

最新推荐文章于 2024-08-13 14:34:27 发布

皮蛋很白

最新推荐文章于 2024-08-13 14:34:27 发布

阅读量1.1k

点赞数

分类专栏：过不去的坎文章标签： echarts

本文链接：https://blog.csdn.net/u012961419/article/details/134080094

版权

过不去的坎专栏收录该内容

25 篇文章 0 订阅

订阅专栏

文章讲述了在使用ECharts库时，设置legend的paddingHeight和grid属性无效的问题，最终通过调整itemHeight、textStyle（包括fontSize和lineHeight）以及type属性为滚动解决了这一问题。

摘要由CSDN通过智能技术生成

问题如图：
在这里插入图片描述

修复后的样子：
在这里插入图片描述
设置 legend 的 padding height 和 grid 都没有效果，最终找到办法：

legend: {
  itemHeight: 10, // 截取原因是这里设置的太小
  textStyle: {
    fontSize: 20,
    // 行高设置会改变文本区域的高度，不妨设置大一些
    lineHeight: 50,
  },
  type: 'scroll', // 支持翻页显示
  // ...
},