Echart图设置y轴最大值max最小值min

2021-09-14  本文已影响0人  鲜蛋卷小狐狸

echart折线图y轴的最大最小值可以设置固定值,也可以设置function根据数据的大小动态 改变,达到折线"不顶天,不立地"的效果,始终保持在图中间位置。
如下图配置项:

min
max

设置固定值是没有问题的,显示正常。

但是设置function时会有个坑!!!
先设置max,min为function,再获取数据赋值series,打印配置项,max和min就消失了,y轴也没有设置max,min。

解决方法:给series赋值后,再设置yAxis.max和yAxis.min函数,看代码↓↓↓

//先给series赋值
series[0].data = [1,2,4,5,6]
series[1].data = [4,5,6,7,8]

//再设置function 的 max,min
yAxis.max = function(value){ 
  return value.max + 20
}
yAxis.max = function(value){ 
  return value.min - 20
}

解决~

配置项参考官网:https://echarts.apache.org/zh/option.html#yAxis.min

上一篇下一篇

猜你喜欢

热点阅读