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

原始echart

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

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

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

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

实现细节

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

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

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

相关推荐
羲云7 分钟前
给 Vue 页面加个 Markdown 编辑器:ME.js 的接入、图片粘贴与音视频
javascript·vue.js
zhangzeyuaaa14 分钟前
Ruby 方法参数完全指南:默认值、可变参数与关键字参数
前端·python·ruby
粥里有勺糖15 分钟前
视野修炼-技术周刊第135期 | 鼠标跟随宠物
前端·github·aigc
粥里有勺糖22 分钟前
拿 Codex 协助清理磁盘,Nice!
前端·后端·github
Highcharts.js32 分钟前
可视化商用图表库对比,如何选择?
前端·javascript·学习·信息可视化·highcharts·前端可视化
TheITSea2 小时前
JavaScript Web APIs
开发语言·前端·javascript
恋猫de小郭2 小时前
Android CLI 支持 AI Agent 通过 Device Streaming 调试云真机
android·前端·flutter
Wang's Blog2 小时前
Java 项目实战: 外卖平台优化-前端dist部署与Nginx反向代理rewrite
java·前端·nginx
鬓戈2 小时前
Claude Code frontend-design 插件调研 与 Vue 旧系统风格一致性方案
前端·vue.js·人工智能
开开心心就好2 小时前
以图搜图找重复图片,本地工具离线就能用
javascript·智能手机·ffmpeg·c#·ocr·word·音视频