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

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

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

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

yAxis. [inverse]

boolean

开启

是否是反向坐标轴。

相关推荐
明天好,会的15 小时前
分形生成实验(五):人机协同破局--30万token揭示Actix-web状态管理的微妙边界
运维·服务器·前端
C_心欲无痕15 小时前
nginx - alias 和 root 的区别详解
运维·前端·nginx
我是苏苏18 小时前
Web开发:C#通过ProcessStartInfo动态调用执行Python脚本
java·服务器·前端
无羡仙18 小时前
Vue插槽
前端·vue.js
用户63879947730519 小时前
每组件(Per-Component)与集中式(Centralized)i18n
前端·javascript
SsunmdayKT19 小时前
React + Ts eslint配置
前端
开始学java19 小时前
useEffect 空依赖 + 定时器 = 闭包陷阱?count 永远停在 1 的坑我踩透了
前端
zerosrat19 小时前
从零实现 React Native(2): 跨平台支持
前端·react native
狗哥哥19 小时前
🔥 Vue 3 项目深度优化之旅:从 787KB 到极致性能
前端·vue.js