使用DataEase开源工具制作一个高质量的数据大屏

Posted 2022-08-06 FIT2CLOUD飞致云

编者注：本文为CSDN博主乾进的原创文章。

原文链接：

https://blog.csdn.net/DoWhatYouSay/article/details/124955080

前段时间浏览GitHub的时候，发现了一个号称“人人可用的开源数据可视化分析工具”的开源项目——DataEase。安装部署实际使用过一段时间后，我发现相较于目前市场上常见的BI软件，DataEase具有操作便捷、容易上手、学习成本低的优势，并且DataEase采用了整个视图触控移动、悬浮以及矩阵的设计，让整个布局变得非常简单易用，而且数据模型设计灵活，更加提升了视图和仪表板的交互灵活性。

通过对DataEase官方文档进行学习，我自己制作出一个高质量的仪表板，效果图如下：

▲ 图1 仪表板成品

接下来，为大家来详细介绍一下具体的制作过程，带大家一起感受一下DataEase的易用性。

制作过程

1. 数据准备

DataEase支持多种数据源。以下是目前官方发布的所支持的数据源类型，本次制作的仪表板我选用的数据源是Excel数据源。

▲ 图2 DataEase支持的数据源

决定好了数据源之后，对数据进行整理并将整理好的Excel数据导入到数据集中（文章结尾附上了制作此仪表板所使用的数据）。

▲ 图3 添加Excel数据集

2. 构建仪表板

新建目录，并在目录下新建仪表板。编辑新建的仪表板，在仪表板中添加视图等组件，用户可以根据自己的需要添加相应类型的视图。此处以我制作的仪表板中的“航空货运量”视图为例，简单展示具体的制作过程。

▲ 图4 新建仪表板目录

▲ 图5 新建仪表板

▲ 图6 新建视图

▲ 图7 选择合适的视图

▲ 图8 选择数据集并添加视图

▲ 图9 设置视图的指标和维度

3. 仪表板样式调整优化

添加完视图组件之后，我对组件以及页面的整体样式进行了优化，让整个仪表板的效果看起来更加美观。

首先添加一张背景图，为了使组件样式和背景图的样式搭配起来，我们需要进一步调整视图组件的透明度以及字体颜色等样式。调整完成后，需要为仪表板添加一个标题，并为标题设置一个美观的背景图，具体的步骤如下：

▲ 图10 调整仪表板背景

▲ 图11 对组件进行调整和设置

▲ 图12 调整组件透明度

▲ 图13 调整组件标题样式

▲ 图14 调整组件标题和图例样式

▲ 图15 添加图片作为仪表板标题背景图

▲ 图16 调整仪表板标题背景图的样式

▲ 图17 添加文字组件作为仪表板标题

▲ 图18 完成仪表板标题的设计

▲ 图19 调整文本组件的样式

▲ 图20 确定仪表板整体样式

到这里，我们的第一个视图以及整体的样式就调整好了。然后，继续按需添加其他视图，此处我就不再过多赘述了，可以参考官方的指导文档和DataEase的B站教学视频进行操作。

总结

DataEase号称“人人可用”，主打的就是易用性强，而且版本按月迭代，更新速度快。DataEase开源项目组也能够及时地响应社区所反馈的问题，在BI领域有其独有的优势，是一款非常值得推荐的开源产品。

参考资源
■ DataEase文档：https://dataease.io/docs/

■ 教学视频：
https://space.bilibili.com/510493147/channel/collectiondetail?sid=262774

■ 素材下载地址：
https://pan.baidu.com/s/1vHkl7oXLoQIQm8qS4KV9ZQ 提取码: wlrw