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

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

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

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

yAxis. [inverse]

boolean

开启

是否是反向坐标轴。

相关推荐
丘山子27 分钟前
如何规避 A/B Testing 中的致命错误?何时进行 A/B 测试?
前端·后端·面试
打妖妖灵滴哪吒30 分钟前
web端-登录页面验证码的实现(springboot+vue前后端分离)超详细
前端
胡斌附体1 小时前
小程序难调的组件
前端·小程序·apache·datepicker·自定义组件·checkbox
Mintopia1 小时前
AIGC Claude(Anthropic)接入与应用实战:从字节流到智能交互的奇妙旅程
前端·javascript·aigc
Mintopia1 小时前
Next.js 样式魔法指南:CSS Modules 与 Tailwind CSS 实战
前端·javascript·next.js
用户21411832636021 小时前
dify案例分享-解锁 AI 搜索新玩法:Dify 秘塔搜索工作流搭建教程与效果展示
前端
Stefan的技术笔记1 小时前
LangChain入门指南:5大核心组件解析,快速上手AI应用开发!
前端·langchain
悟空和大王1 小时前
video标签自定义控制按钮--全屏与非全屏--播放与暂停
前端
excel1 小时前
javascript 简介
前端
国家不保护废物1 小时前
跨域问题:从同源策略到JSONP、CORS实战,前端必知必会
前端·javascript·面试