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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ECharts的快速上手 ECharts 的入门使用特别简单, 5分钟就能够上手. 他大体分为这几个步骤 步骤1:...
    柠月如风z阅读 1,174评论 0 4
  • 介绍和安装 介绍 Echarts是一个用于绘制可视化图表的工具,包括但不限于多种类型的统计图、树图、关系图、地图等...
    乌云老思阅读 1,291评论 0 0
  • 一、认识 ECharts ECharts,缩写来自 Enterprise Charts,商业级数据图表,是百度的一...
    清风徐来_简阅读 11,247评论 0 4
  • 折线图 https://blog.csdn.net/sleepwalker_1992/article/detail...
    直言不讳的我阅读 1,549评论 0 0
  • 此次后台使用的语言是PHP,遇到的问题就是后台的数组传递到前台,前台页面控制台输出的是Arra{native co...
    youthz阅读 2,765评论 0 2

友情链接更多精彩内容