实现echarts的y轴自适应,而不从0开始

原始echart

即使取值区间为15-30之间,但y轴的值依旧从0开始,不能实现自适应。

可以看到如果数值接近,那么曲线就不会很明显,最后找到个属性。

javascript 复制代码
scale:true    //y轴自适应

加上之后就可以自由伸展了。

实现细节

在yAxis配置项添加该属性即可,如下:

javascript 复制代码
 yAxis: {
          scale:true  //y轴根据数值实现自适应
          
          }

echart学习文档地址:Documentation - Apache ECharts

相关推荐
CodeCraft Studio42 分钟前
报表控件stimulsoft教程:使用 JoinType 关系参数创建仪表盘
前端·ui
春天姐姐2 小时前
vue知识点总结 依赖注入 动态组件 异步加载
前端·javascript·vue.js
互联网搬砖老肖2 小时前
Web 架构之数据读写分离
前端·架构·web
Pop–3 小时前
Vue3 el-tree:全选时只返回父节点,半选只返回勾选中的节点(省-市区-县-镇-乡-村-街道)
开发语言·javascript·vue.js
滿3 小时前
Vue3 + Element Plus 动态表单实现
javascript·vue.js·elementui
钢铁男儿3 小时前
C# 方法(值参数和引用参数)
java·前端·c#
阿金要当大魔王~~3 小时前
面试问题(连载。。。。)
前端·javascript·vue.js
yuanyxh3 小时前
commonmark.js 源码阅读(一) - Block Parser
开发语言·前端·javascript
进取星辰4 小时前
22、城堡防御工事——React 19 错误边界与监控
开发语言·前端·javascript
ドロロ8064 小时前
element-plus点击重置表单,却没有进行重置操作
javascript·vue.js·elementui