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

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

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

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

yAxis. [inverse]

boolean

开启

是否是反向坐标轴。

相关推荐
xiaok几秒前
await返回之后的赋值给一个变量可以打印出数值,但是直接return回去之后,在另一个函数打印出来却是一个promise
前端
Bl_a_ck3 分钟前
【JS进阶】ES6 实现继承的方式
开发语言·前端·javascript
小马虎本人4 分钟前
如果接口返回的数据特别慢?要怎么办?难道就要在当前页面一直等吗
前端·react.js·aigc
蓝胖子的多啦A梦7 分钟前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
LinCC79 分钟前
在Vite中构建项目出错-Top-level await is not available in the configured target environme
前端
用户8820932166711 分钟前
如何优雅拆分一个充斥十几种逻辑的 SDK 回调函数?
前端
Momoly0812 分钟前
vue3+el-table 利用插槽自定义数据样式
前端·javascript·vue.js
唯有选择12 分钟前
让你的应用界面好看的基石:Flutter主题Theme使用和扩展自定义字段
前端·flutter
山有木兮木有枝_13 分钟前
告别布局间隙:浮动(float)在网页排版中的高阶应用
前端
满分观察网友z14 分钟前
vue的<router-link>的to里面的query和params的区别
前端