Echarts的y轴自适应,不从0开始

2021-09-29 11:26:37  阅读 7986 次 评论 0 条

今天做一个页面,用Echarts画统计图表,发现y轴总是从0开始,折线靠上且波动不明显,各种Google,各种百度之后,找到了解决方法

起初是这样的:

image.png

瞬间裂开,这么样上线,显然不太合适。

然后各种骚操作,取出最大最小值

31486f95663cb04b719636f44f5dd90.png


然后就变成了这样

image.png

乍一看,貌似是比刚才好一些,但是最大值在最上面,最小值,在最下面,超级难看的说=_=

于是乎,各种Google,找到了这个解决方法

在Option里加这个属性

"yAxis": {
		"type": "value",
		scale:true
	},

然后就,好了。。。

image.png

不说了,小丑竟是我自己。。。

本篇示例的代码:

有兴趣的可以去官方网站运行下

option = {
	"color": "#00A2E8",
	"title": {
		"text": "xxx"
	},
	"xAxis": {
		"type": "category",
		"data": ["21-04", "21-05", "21-06", "21-07", "21-08", "21-09"]
	},
	"yAxis": {
		"type": "value",
		scale:true
	},
	"grid": {
		"left": "3%",
		"right": "10%",
		"bottom": "-.5%",
		"containLabel": true
	},
	"series": [{
		"data": [14523, 14371, 14425, 14414, 14126, 14079],
		"type": "line",
		"label": {
			"normal": {
				"show": true,
				"position": "top",
				"color": "#666666"
			}
		}
	}]
};



微信扫码查看本文
本文地址:https://www.yangguangdream.com/?id=2172
版权声明:本文为原创文章,版权归 编辑君 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?