echarts legend 图标设置为圆点

信铁寒胜实测可行!

只需要改下面这步就可以了

1
icon: 'circle'  // 设置图例为圆点

 

 

echarts 项目开发中,设计图是圆点,但是echarts默认是方形的,所以我们需要调整调整一下。

修改前

 

修改后

 在 ECharts 中,你可以通过 "legend.icon" 的配置项来设置图例的图标形状。要将图例设置为圆点,你可以将 "legend.icon" 设置为 "circle"。
以下是一个相关的示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
option = {
    legend: {
        data:['销量'],
        icon: 'circle'  // 设置图例为圆点
    },
    series: [
        {
            name: '销量',
            type: 'pie',
            data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ]
        }
    ]
};

  在这个示例中,我们设置了一个饼图的图例,并将图例的图标设置为圆点。

转自:echarts legend 图标设置为圆点 - 完竣世界 (wanjunshijie.com)

posted @   信铁寒胜  阅读(4808)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析
历史上的今天:
2021-01-03 升级Window10后,运行虚拟机蓝屏问题
点击右上角即可分享
微信分享提示