从零开发可视化大屏制作平台

开源的H5页面制作平台H5-Dooring在收到积极反馈后，开发者推出了一款可视化大屏编辑器V6.Dooring。本文将分享该产品的设计思路、技术选型、编辑器设计、Schema设计以及用户数据自治的探索。

针对企业“信息孤岛”的问题，V6.Dooring提供了一种可视化大屏解决方案，能够实现数据的采集、清洗、分析和实时可视化，从而实现全面的数据监控和展现。

调研了主流的可视化图表库，包括echart、D3.js、antv、Chart.js、metrics-graphics、C3.js等，开发者可以根据自己的喜好选择合适的库来搭建可视化大屏。

大屏编辑器的核心包括组件库、拖拽功能、画布渲染器和属性编辑器。V6.Dooring采用了类似H5-Dooring的组件设计，支持自由拖拽和智能网格拖拽，并且通过Schema设计来实现组件属性的编辑和更新。

平台支持静态数据源设计和第三方接口注入，使得可以实时获取数据，尤其在可视化监控平台中应用较多。同时，代码编辑器可以实现类似mini版VSCode的功能。

提供了可视化大屏一键截图和撤销重做功能，以及标尺参考线的实现。后期将继续开发H5-Dooring编辑器2.0和优化可视化大屏搭建平台。

未来将重点关注3D可视化组件设计方案、数据可视化监控平台设计、可视化大屏的数据治理和实时数据呈现以及H5-Dooring 2.0版本技术分享。