echarts legend分页点击不起效（截至目前，我没有找到其他关于这个问题的解答，很想嘚瑟一下）

原创于 2019-04-16 11:17:45 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #图例分页

前端页面的坑同时被 3 个专栏收录

50 篇文章

订阅专栏

vue

7 篇文章

订阅专栏

webpack

5 篇文章

订阅专栏

在使用ECharts进行图表展示时，遇到因图例描述文字过长导致分页功能失效的问题。通过升级ECharts版本至4.2.1，成功解决了分页无法正常切换的难题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.我采用echarts进行图表展示，因为lengend比较多，空间比较小，就采用legend分页展示；

legend: {
              type: 'scroll',
              x: 'center',
              bottom: 22,
              data: that.visitCatalog.name,
              tooltip: {
                show: true
              }
            },

分页效果出来了！
但是因为第一个图例的描述文字比较长，占用空间超出了一页，造成了点击右箭头不能切换到第二页的问题。

解决办法：更换echarts版本为4.2.1完美解决