echart中legend过多分页问题

最新推荐文章于 2024-09-27 16:12:53 发布

你好 9月!

最新推荐文章于 2024-09-27 16:12:53 发布

阅读量1.3k

点赞数

分类专栏： echart

本文链接：https://blog.youkuaiyun.com/csdnwyf/article/details/115489886

版权

echart 专栏收录该内容

3 篇文章

订阅专栏

这篇博客探讨了ECharts中图例组件的配置，特别是`scroll`类型，用于处理大量图例的情况。通过设置`top`, `right`, `left`属性调整布局，并使用`data`数组指定图例项。此外，`icon`属性允许自定义图例样式，如圆形矩形。此内容对于数据可视化和前端开发人员尤其有用。

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

   legend: {
            type: 'scroll',//plain:普通图例,缺省就是普通图例 scroll:可滚动翻页的图例,当图例数量较多时可以使用
            top: '0',
            right: '10%',
            left:name_array.length>5?'100':'auto',
             data:name_array,//数组
             icon: "roundRect",
            },