从0到1开发可视化数据大屏（上）

❝

前言：大数据时代，以大屏为载体的数据可视化需求日渐增多，数据大屏成为越来越多企业绩效展示，报表展示，业务监控等等的一种形式，大屏的上线带来的是便捷，无需编码，用户可以直接将所要呈现的组件拖拽到画布上，然后进行随意配置和布局，所见及所得。前段时间我们上线了内部的自己的可视化数据大屏 beta 版本

❞

1 前期调研

❝

各云服务商也都推出自己的数据大屏整体解决方案，比如阿里云的 datav、腾讯云的腾讯云图、网易的网易有数、百度的 Sugar，都在给自家产品赋能后推出自己的可视化方案，你可以会有疑惑 ????，别人有成熟的方案，为啥我们还要自己造轮子？无非一方面考虑的是业务场景的不同，虽然目前服务商已经提供了很多业务场景的大屏模版供用户选择，其次是私有化部署成本高等等

❞

1.1 调研对象

上一篇关于推荐几个数据大屏可视化开发工具^[1]提到目前国内现有优秀的数据大屏解决方案提供商

• 阿里云（DataV）????^[2]

• 腾讯云（腾讯云图（DataV）????^[3]

• 网易有数（EasyScreen）????^[4]

• 百度智能云（Sugar）????^[5]

如果你对目前的报价好奇，下面是百度 Sugar 的报价

1.2 功能解析

调研并体验了前面提到的解决方案，我对数据大屏功能进行了拆解，大概梳理了一个简单的数据大屏可视化编辑所需要的功能包括如下

1.3 开源社区现有可视化编辑方案

❝

数据大屏 dashboard 本质上跟 H5、Web 等在线页面可视化编辑的逻辑是相同的，本质上还是拖拽、控件管理、画布、组件属性管理、预览等等，只是数据大屏强调的更多是数据的可视化，重点在图表通过数据的渲染，下面分享几个开源社区的可视化编辑解决方案，有需求的