百度Echarts 动态添加数据y轴自适应 高度 顶部留白 留空 柱状图折线图通用

时间:2024-03-12 18:26:39
配置和使用就不说了
只说实现方法  
原理是添加数据适合判断数据的最大值,根据最大值设置y轴的max

  var data=[]
  function add(num) {
            data.push(num);//增加数据
            //得到Y轴最大值并*1.5 等于顶部留下1/3 空白
            var rmax = Number(Math.max.apply(null, data) * 1.5).toFixed(0);
            console.log(rmax);
            myChart.setOption({
                series: [{
                    data: data
                }],
                yAxis: {
                    type: \'value\',
                    max: rmax,//此处设置
                    min: 0
                },
            })
        }