eCharts中Y轴的一些最佳实践

前言

最近开发过程中使用到echarts，对于y轴的设置有些好玩的想要记下的实践

最佳实践

y轴波动范围根据最大最小值自适应

• 适用于y轴的数据间距比较小，希望数据看起来起伏比较大时使用

options={
   yAxis:{
        type:'value',
        scale:'true',//坐标不会强制包含0刻度，仅在type为'value'时有效，会自动计算最小最大值
        min:'dataMin',//取数据最小值,不设置时会自动计算最小值保证坐标轴刻度的均匀分布
        max:'dataMax'//取数据最大值
   }
}
//示例图中y轴数据
yData=[0.075,0.0749, 0.0751,0.09,0.08]

• min和max也可以是一个回调函数，用来自定义动态设置最大和最小值

option={
    yAxis:{
        type:'value',
        scale:true,
        min:function(value){
            //value.min是数据的最小值
            return value.min - (value.max - value.min) * 0.1
        },
        max: function(value) {
           // value.max是数据的最大值
           return value.max + (value.max - value.min) * 0.1;
        }
    }
}

后话

• 文章是笔者根据echarts官方文档尝试总结记录的笔记，有诸多不足，还请各位大佬指点；echarts还有很多配置和api值得学习实践，若需详细学习还请大佬移步查阅官方文档。
• 官方文档：echarts.apache.org/zh/