echarts菜鸟踩坑——inverse 反向坐标轴

感谢 UI 同学的鞭策,一周内迅速提升了我的 echarts 应用水平,为了不要在重复的地方跌倒两次,按照惯例还是要把踩过的坑记录下来。

需求:柱状图数据需要横着,并且从小到大排列 实际结果:使用横向柱状图,把柱状图数组数据从小到大排列时,柱子们是从大到小显示的,和我预想的情形是反的。虽然把数组反向很简单,但是通过echarts 的配置来实现更优。

通过配置 axis 的inverse属性,即可反向显示数据

yAxis. [inverse]

boolean

开启

是否是反向坐标轴。

相关推荐
爱学习的小仙女!14 小时前
面试题 前端(一)DOCTYPE作用 标准模式与混杂模式区分
前端·前端面试题
小小小小宇15 小时前
前端转后端基础- 变量和类型
前端
Cobyte16 小时前
1.基于依赖追踪和触发的响应式系统的本质
前端·javascript·vue.js
主宰者16 小时前
C# CommunityToolkit.Mvvm全局事件
java·前端·c#
前端小咸鱼一条16 小时前
16.迭代器 和 生成器
开发语言·前端·javascript
小江的记录本17 小时前
【注解】常见 Java 注解系统性知识体系总结(附《全方位对比表》+ 思维导图)
java·前端·spring boot·后端·spring·mybatis·web
web守墓人17 小时前
【前端】记一次将ruoyi vue3 element-plus迁移到arco design vue的经历
前端·vue.js·arco design
伊步沁心17 小时前
Webpack & Vite 深度解析
前端
libokaifa17 小时前
OpenSpec + TDD:让 AI 写代码,用测试兜底
前端·ai编程
用户158159637437017 小时前
搭 AI Agent 团队踩了 18 个坑,总结出这 5 个关键步骤
前端