今天做一个页面,用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"
}
}
}]
};
微信扫码查看本文
发表评论