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

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

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

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

yAxis. [inverse]

boolean

开启

是否是反向坐标轴。

相关推荐
鹏程十八少17 分钟前
4.Android 30分钟手写一个简单版shadow, 从零理解shadow插件化零反射插件化原理
android·前端·面试
亿元程序员25 分钟前
这款值68亿的游戏,你不实战一下吗?安排!
前端
摸鱼的春哥1 小时前
Agent教程15:认识LangChain(中),状态机思维
前端·javascript·后端
明月_清风1 小时前
告别遮挡:用 scroll-padding 实现优雅的锚点跳转
前端·javascript
明月_清风1 小时前
原生 JS 侧边栏缩放:从 DOM 监听到底层优化
前端·javascript
万少10 小时前
HarmonyOS 开发必会 5 种 Builder 详解
前端·harmonyos
橙序员小站12 小时前
Agent Skill 是什么?一文讲透 Agent Skill 的设计与实现
前端·后端
炫饭第一名15 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫15 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊15 小时前
React 19 对比 React 16 新特性解析
前端·react.js