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

瞬间裂开,这么样上线,显然不太合适。
然后各种骚操作,取出最大最小值

然后就变成了这样

乍一看,貌似是比刚才好一些,但是最大值在最上面,最小值,在最下面,超级难看的说=_=
于是乎,各种Google,找到了这个解决方法
在Option里加这个属性
"yAxis": {
		"type": "value",
		scale:true
	},然后就,好了。。。

不说了,小丑竟是我自己。。。
本篇示例的代码:
有兴趣的可以去官方网站运行下
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"
			}
		}
	}]
};
微信扫码查看本文
							
							
           
        
发表评论