首页 > 其他 > 详细

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

时间:2019-12-17 13:10:43      阅读:971      评论:0      收藏:0      [点我收藏+]
配置和使用就不说了
只说实现方法  
原理是添加数据适合判断数据的最大值,根据最大值设置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
                },
            })
        }

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

原文:https://www.cnblogs.com/tolingsoft/p/12053508.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!