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: '搜索引擎'} ] } ] }; |
在这个示例中,我们设置了一个饼图的图例,并将图例的图标设置为圆点。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析
2021-01-03 升级Window10后,运行虚拟机蓝屏问题