DataEase-一个非常好用的大屏制作工具

使用分享

Posted by     "YuRonan" on Wednesday, April 26, 2023

DataEase-一个非常好用的大屏制作工具

本人拥有两年左右的前端开发经验,在此期间开发过2-3个大屏,在初次开发过程中,对于整个页面的适配布局设计等等缺少经验,基本上开发出来的效果仅能支持PC端,且只能在固定分辨率大小的情况下才能完美展示,若要完成各项适配则需要耗费大量的时间。近期在完成老师分配的任务过程中接触到了DataEase项目,解决了我之前遇到的难题。

DataEase是开源的数据可视化分析工具,可以使用拖拉拽的方式快速制作大屏,可以说是所有前端开发者的福利工具。它同时拥有各个领域丰富多样的模板市场(如图1),非常适合在缺少UI设计师的情况下,开发者自行选择合适的模板进行制作。

DataEase模板市场

DataEase也支持了多种数据集获取方法(如图2),其中包含excel数据集、api数据集、数据库数据集等,可以做到数据集的更新,以保证大屏的实时性。

数据集添加

下面给大家简单介绍一下我个人在制作大屏时的方法

首先选择一个自己认为不错的模板,我个人比较喜欢深色的背景,所以选择了图3的模板作为自己大屏的草稿。

模版选择

然后根据自己的实际业务需求选择合适的图表进行展示,DataEase也支持多种图表其中包括汇总表、明细表、基础折线图、基础柱状图、饼图等等(如图4),这里我以折线图为例。

折线图选择

选择自己导入的数据集,然后选择自己需要展示的字段即可完成折线图展示(如图5)

图表展示

根据DataEase目前支持的各种图表类型,经过数次优化后即可完成如下大屏:

开源技术领域与编程语言大屏

开源数据库领域洞察大屏

若通过编写代码完成以上两个大屏,从最初的设计到研发再到完成各项适配可能需要花费大约一周左右的时间,而使用DataEase则仅需一到两天左右即可,大大的减少了工作量,最重要的是解决了很多开发者们在设计方面的痛点。UI设计师、产品经理、软件工程师都可以简单上手直接制作出效果不错的大屏。以上介绍的内容相对简单,DataEase丰富多样的功能还需大家亲自上手后才能体会其中的好处。

DataEase官方地址:DataEase - 人人可用的开源数据可视化分析工具 - 官网