美文网首页
Echart图设置y轴最大值max最小值min

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

作者: 鲜蛋卷小狐狸 | 来源:发表于2021-09-14 15:21 被阅读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

    相关文章

      网友评论

          本文标题:Echart图设置y轴最大值max最小值min

          本文链接:https://www.haomeiwen.com/subject/gogkgltx.html