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

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

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

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

yAxis. inverse

boolean

开启

是否是反向坐标轴。

相关推荐
计算机魔术师19 小时前
同样是AI辅助建造,为什么有的游戏三个月就烂尾了?
前端
用户9210802628619 小时前
0. 做 Agent 产品,前端 AI 组件框架怎么选?
前端
拾年27520 小时前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +
前端·javascript·react.js
Jackson__20 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试
拾年27521 小时前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞
前端·javascript·react.js
mmsx21 小时前
一个 Bug 修了 12 轮,根因只有一句话:AI 编程时代,日志才是唯一的真相
前端
默_笙21 小时前
😝 5 亿次循环卡死页面?我用 Web Worker 把它扔进后台线程,页面丝滑如初
前端·javascript
CAD老兵21 小时前
一行代码集成 DWG/DXF 图纸查看:测量批注,数据不出站
前端·javascript·github
小林ixn21 小时前
单例模式:从弹窗管理到全局状态,一个模式搞定
前端·javascript·设计模式
AI编程实验室21 小时前
Node.js Agent Handoff 仓库扫描 MVP:忽略规则、include 通配与稳定输出实现
前端·ai编程