我要入驻
V6.Dooring,数字可视化大屏基础解决方案
发布自: lowcoder
时间: 2021-8-27
752人围观
低代码平台
可视化大屏编辑器

产品演示


可视化大屏产品设计思路


目前很多企业或多或少的面临“信息孤岛”问题,各个系统平台之间的数据无法实现互通共享,难以实现一体化的数据分析和实时呈现。
相比于传统手工定制的图表与数据仪表盘,可视化大屏制作平台的出现,可以打破抵消的定制开发, 数据分散的问题,通过数据采集、清洗、分析到直观实时的数据可视化展现,能够多方位、多角度、全景展现各项指标,实时监控,动态一目了然。
针对以上需求, 我们设计了一套可视化大屏解决方案, 具体包含如下几点:


通过以上的设计分解, 我们基本可以搭建一个可自己定制的数据大屏.
主流可视化图表库技术选型
目前笔者调研的已知主流可视化库有:

  • echart 一个基于 JavaScript 的老牌开源可视化图表库
  • D3.js 一个数据驱动的可视化库, 可以不需要其他任何框架独立运行在现代浏览器中,它结合强大的可视化组件来驱动 DOM 操作
  • antv 包含一套完整的可视化组件体系
  • Chart.js 基于 HTML5 的 简单易用的 JavaScript 图表库
  • metrics-graphics 建立在D3之上的可视化库, 针对可视化和布置时间序列数据进行了优化
  • C3.js 通过包装构造整个图表所需的代码,使生成基于D3的图表变得容易

我们使用以上任何一个库都可以实现我们的可视化大屏搭建的需求, 各位可以根据喜好来选择.

大屏编辑器设计思路


在上面的分析中我们知道一个大屏编辑器需要有个编辑器核心, 主要包含以下部分:

  • 组件库
  • 拖拽(自由拖拽, 参考线, 自动提示)
  • 画布渲染器
  • 属性编辑器

以上模块和功能都在V6.dooring中很好的实现, 如果感兴趣, 可以体验我们的可视化大屏编辑器, 地址: http://v6.dooring.cn/beta

点个赞支持一下?

评论
我要评论
评论