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

配置和使用就不说了
只说实现方法  
原理是添加数据适合判断数据的最大值,根据最大值设置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
                },
            })
        }

posted @   ToLing·  阅读(5875)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示