如何将echarts图标的显示/隐藏按钮改成圆形

最新推荐文章于 2025-06-20 19:20:34 发布

原创最新推荐文章于 2025-06-20 19:20:34 发布 · 1.4k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文档展示了如何在配置项legend中修改数据项icon，将默认的方块形状更改为圆形。通过设置icon为'circle'，可以实现图例显示为圆形的效果，同时列举了其他可用的图形样式，如矩形、三角形等。适用于需要自定义图表视觉元素的场景。

将显示/隐藏按钮从默认的方块改成原型

效果图如下：
在这里插入图片描述

legend: {
          itemHeight: 24,
          itemWidth: 24,
          data: [
            {
              name: 'aaa',
              icon: 'circle',
            },
            {
              name: 'bbb',
              icon: 'rect',
            }
          ]
        },

在legend属性里将icon的值更换成circle就可以更改成圆形其他图形在下方