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

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

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

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

yAxis. [inverse]

boolean

开启

是否是反向坐标轴。

相关推荐
User:你的影子1 分钟前
WPF ItemsControl 绑定
开发语言·前端·javascript
会有钱的-_-23 分钟前
基于webpack的场景解决
前端·vue.js·webpack·安全性测试
LFly_ice1 小时前
学习React-10-useTransition
前端·学习·react.js
咔咔一顿操作1 小时前
【CSS 3D 交互】实现精美翻牌效果:从原理到实战
前端·css·3d·交互·css3
知识分享小能手1 小时前
React学习教程,从入门到精通,React 构造函数(Constructor)完整语法知识点与案例详解(16)
前端·javascript·学习·react.js·架构·前端框架·vue
召摇1 小时前
Nue.js深度解析:极简主义前端框架的革新实践
前端·node.js
小徐_23331 小时前
uni-app 也能使用 App.vue?wot-starter 是这样实现的!
前端·uni-app
入秋1 小时前
Three.js后期处理实战:镜头颜色、色差、点阵与颜色管道的深度解析
前端·three.js
深圳外环高速1 小时前
企业微信和页面离开事件
前端
召摇1 小时前
NodeBB 深度解析:现代论坛系统的架构设计与实践指南
前端·javascript