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

原始echart

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

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

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

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

实现细节

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

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

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

相关推荐
LBJ辉3 分钟前
1. npm 常用命令详解
前端·npm·node.js
闲人陈二狗10 分钟前
Vue 3前端与Python(Django)后端接口简单示例
前端·vue.js·python
你挚爱的强哥11 分钟前
基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单
javascript·vue.js·elementui
LY8091 小时前
前端开发者的福音:用JavaScript实现Live2D虚拟人口型同步
前端·虚拟现实
林涧泣1 小时前
【Uniapp-Vue3】uniapp创建组件
前端·javascript·uni-app
Sinyu10121 小时前
Flutter 动画实战:绘制波浪动效详解
android·前端·flutter
pikachu冲冲冲1 小时前
vue权限管理(动态路由)
前端·vue.js
sunly_1 小时前
Flutter:文章详情页,渲染富文本
android·javascript·flutter
丁总学Java1 小时前
[Vue warn]: Unknown custom element:
javascript·vue.js·ecmascript
一条不想当淡水鱼的咸鱼1 小时前
taro转H5端踩坑
前端·taro