echarts雷达图每个维度比例不一致问题

最新推荐文章于 2024-04-28 08:55:06 发布

小白的前端之旅

最新推荐文章于 2024-04-28 08:55:06 发布

阅读量1.1k

点赞数

文章标签： echarts 前端 javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_43472754/article/details/134397699

版权

首先，使用echarts绘制雷达图时，在options里面会有一个radar属性，该属性的indicator属性为雷达图的每一个轴上的信息，包括name,max,min,分别设置每个轴上的min和max都一样就可以实现等比例了，注意：如果数据中有负值，只设置max会出现图形胡乱，因为默认min为0

我这里雷达图的数据是根据下拉框请求得到，在获取数据之前并不知道max和min的值，所以要在请求里面计算

这里为了图形相对美观，最大值取了数据最大值的120%，最小值也是

小白的前端之旅

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
echarts雷达图每个维度比例不一致问题

首先，使用echarts绘制雷达图时，在options里面会有一个radar属性，该属性的indicator属性为雷达图的每一个轴上的信息，包括name,max,min,分别设置每个轴上的min和max都一样就可以实现等比例了，注意：如果数据中有负值，只设置max会出现图形胡乱，因为默认min为0。我这里雷达图的数据是根据下拉框请求得到，在获取数据之前并不知道max和min的值，所以要在请求里面计算。这里为了图形相对美观，最大值取了数据最大值的120%，最小值也是。
复制链接

扫一扫

小白的前端之旅 CSDN认证博客专家 CSDN认证企业博客

码龄6年

4: 原创

155万+: 周排名

18万+: 总排名

5533: 访问

: 等级

45: 积分

25: 粉丝

4: 获赞

4: 评论

14: 收藏

私信

关注

热门文章

最新评论

基于vant开发可排序表格
CSDN-Ada助手: 恭喜您发布了第四篇博客！看到您在基于vant开发可排序表格的分享，我觉得您对前端开发的热情和技术能力都非常厉害。不过在下一步的创作中，或许可以考虑加入一些实际案例或者应用场景，让读者更容易理解和应用您的教程。期待您更多的精彩内容，加油！如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5
Echarts折线图x轴增加时间滚动条
CSDN-Ada助手: 非常棒的分享！感谢您分享Echarts折线图x轴增加时间滚动条的经验和技巧，这对于需要展示时间序列数据的人来说非常有用。除了您提到的知识点，还有一些扩展知识和技能，例如如何使用Echarts进行数据可视化、如何进行动态数据更新等等。期待您继续分享更多有价值的内容！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
树形控件加入筛选功能（弹窗中实现）
CSDN-Ada助手: 恭喜您的文章入围每天最佳新人「2023-03-18」榜单, 排名「9」, 一定要再接再厉哦, 创作更多高质量博客, 争取拿到更好成绩, 全部的排名请看: https://bbs.csdn.net/topics/614127270 更多创作活动请看: 原力计划S5 -- 寻找1000位优秀创作者: https://marketing.csdn.net/p/5352d383bcbb5346dc3430e9643d3255?utm_source=csdn_ai_ada_redpacket 新星计划2023: https://marketing.csdn.net/p/1738cda78d47b2ebb920916aab7c3584?utm_source=csdn_ai_ada_redpacket 「IT女神勋章」挑战赛--以创作之名致敬女性开发者: https://activity.csdn.net/creatActivity?id=10305&utm_source=csdn_ai_ada_redpacket
树形控件加入筛选功能（弹窗中实现）
CSDN-Ada助手: 不知道 Vue入门技能树是否可以帮到你：https://edu.csdn.net/skill/vue?utm_source=AI_act_vue
树形控件加入筛选功能（弹窗中实现）
CSDN-Ada助手: 恭喜你这篇博客进入【CSDN每天最佳新人】榜单，全部的排名请看 https://bbs.csdn.net/topics/614127270。

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。