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

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

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

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

yAxis. inverse

boolean

开启

是否是反向坐标轴。

相关推荐
乐兮创想 小林7 分钟前
B2B 内容营销的工程化运营:从内容矩阵建模到 SEO/GEO 联动的完整体系
前端·线性代数·矩阵·网站建设·北京网站建设公司
2501_940041748 分钟前
全栈开发提速指南:可以直接用的项目生成提示词
前端·prompt
BomanGe29 分钟前
NSK直线导轨LH55EL与NH55EM替代指南
前端·javascript·数据库·经验分享·规格说明书
云水一下9 分钟前
Vue.js从零到精通系列(四):前端路由与Vue Router——打造多页单页应用
前端·javascript·vue.js
糯米导航11 分钟前
浏览器解析HTML头部的底层逻辑:从字节流到渲染树的关键一步
前端·html
风骏时光牛马16 分钟前
C++开发常见问题与解决方案汇总
前端
zhedream17 分钟前
Vue 3 Teleport 报错实录:从 patch 时机到 `defer` 属性
前端·vue.js
雁北向18 分钟前
自定义指令 数值输入显示优化 巴飞特 测试
前端·vue.js
研☆香19 分钟前
jQuery补充知识点
前端·javascript·jquery
lichenyang45323 分钟前
打车票根卡片 UI 重构:从 Circle 挖洞到 clipShape PathShape,再到 100% 自适应
前端