随笔 - 936  文章 - 0  评论 - 3  阅读 - 30万

国标GB28181协议视频智能分析告警平台EasyGBS首页charts数据图滚动条问题优化

TSINGSEE青犀视频开发的云边端视频平台EasyGBS等,首页开发都是使用v-charts数据图来实现的,v-charts是基于echarts的二次封装,虽然功能没有echarts那么丰富,但一般情况下都能使用。

EasyGBS首页charts数据图在电脑更改视图为125%或者更高时,每次窗口大小改变的时候都会触发onresize事件,出现滚动条。

因为v-chart的视图会有一个固定高度来维持视图的稳定性,我们可以通过栅栏先布局好视图div,然后同js获取高div高度,然后赋值给chart视图。

   let that = this;
    setTimeout(() => {
      let Height = document.getElementById("chartHeight");
      that.chartHeight = `${Height.clientHeight - 10}px`;
    }, 200);

EasyGBS视频平台顺应了国家公安部提出的国标GB28181协议视频传输的需求,如果大家对国标视频智能分析平台EasyGBS有兴趣,欢迎联系我们了解。

posted on   EasyGBS  阅读(64)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示