数据大屏制作步骤详解:新手小白不可错过!——九数云BI

标签: 数据大屏制作 | 发布时间: 2024-10-20 20:49:58

随着大数据技术和智能显示技术的发展,数据大屏已逐渐应用于各行各业。下面和九数云一起来看看数据大屏制作方法吧!

近几年苏或者数据大屏的爆火,越来越多的人开始使用它,但一张大屏的制作,不仅要在前期做大量的需求分析,还要结合UI设计、交互设计、版面设计等等,最后还得找个过硬的工具,硬件上的麻烦事情也不少,一点都不简单。下面来介绍一些我知道的数据大屏制作步骤吧!

一.数据大屏制作步骤:认识

顾名思义,大屏就是一块屏幕,和我们日常所见的黑板,仪表板有些相似,它们能够传递数据,信息等,但它们都有各自的缺陷,比如:替换信息不方便,需要擦除,展示的内容不够丰富,界面不够美观等,而数据可视化大屏则可以很好地解决这些问题。随着大数据技术和智能显示技术的发展,数据大屏已经成为IT信息领域一种普遍的数据展示应用场景。从政府的宏观政务决策,到企业的生产管理,从环保数据的实时监控,到电商平台的流量监控,都离不开数据大屏的身影。它以数据可视化的方式在一个或多个屏幕上展示业务的重要指标,它不仅具有现代化,科技化的的特点,能给人的观感留下震撼的印象,而且由于其面积大,可显示信息多的特点,能够帮助决策者提高效率。

下面展示的这个销售数据统计大屏不仅涵盖了各地区的销量,还详细展示了浙江浙各地区的具体销量,年产量占比,大客户购买明细,各地区往年及今年总销量对比,一周重点地区销量对比等多个关键信息。通过全面监控,厂家能够实时了解商品在各地区的销售情况,及时发现和解决潜在问题,提高产品的总体销量。销售分析报告

二.数据大屏制作步骤:如何设计

想要大屏呈现出精美的画面,进行相关的视觉设计以及界面布局是必不可少的。大屏首要任务是为业务服务,合理展现业务指标和数据。由于大屏通常展示的是企业全局的业务状况,设计上一般分为主要指标和次要指标两个层次。主要指标反映核心业务,而次要指标则用于进一步分析和阐述。因此,在制作大屏时,需要针对不同指标给予不同的侧重。

以下是常见的一种排版,它能突出主次层次,更好地展示核心业务信息。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图1

以下是两个典型的主次分布大屏效果,它们的信息呈现都十分清晰,主次分明。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图2二维项目的大屏

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图3

三.数据大屏制作步骤

常见的方案有:

1.传统制作方法:使用编程语言如JavaScript,结合数据库和图表库,直接编写代码。这种方法对于大多数人而言,门槛相对较高,维护成本也较大,开发周期长。当涉及到大量动态可视化和大数据量时,性能会受到一定的影响。

2.便捷的开发工具:利用现成的数据可视化工具。这种方法相对简单,通过数据可视化工具可以快速设计样式、适应不同屏幕大小,并且能够实现实时刷新数据。自带丰富的组件,图表以及大屏模板等,这种方式更适合不具备底层技术的人群,上手和制作也更加方便快捷。

1.数据大屏制作步骤:点击新建大屏

进入软件后,点击新建按钮,会跳转到项目创建页面。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图4

选择需要使用的看板,也可以选择没有任何组件的空白项目(自行添加所需要的可视化组件),修改项目名称后点击创建项目按钮即可进入大屏编辑界面。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图5

在主界面左侧的菜单栏可以选择资源中心,里面有各种大屏模板可供预览,也可以直接下载需要的模板进行参考或者使用。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图6

在大屏编辑界面的左上角可以对数据进行处理,如果有自己的本地数据需要使用,可以导入本地的数据文件,比如Excel,CSV,JSON,XML,MySQL等。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图7导入本地的数据源

2.数据大屏制作步骤:添加相关组件

制作一张完整的可视化大屏离不开丰富的组件,在大屏编辑界面有众多的可视化组件供我们使用,右侧还有组件的预览图,我们可以根据自己的需要选择合适的组件。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图8提供丰富的组件

点击组件库中的组件会自动添加当前组件到看板画布上。

新添加的组件默认出现在画布中心位置,且组件为默认状态,显示的数据和颜色也都是默认的。

点击选中组件,在右侧“样式”设置窗口中可以看到多个不同的设置分类,每一个分类里都有不同的设置项,这些分类和设置项根据不同的组件会有不同的内容。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图9组件的样式设计

单击选中组件,在右侧数据设置窗口中,可以看到具体的数字字段,默认是来源于组件自有数据,可以直接修改其中的数值使用,也可以通过看板公共数据来导入本地的数据,数据字段需要对应,否则无法导入。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图10将数据与组件绑定

下面介绍上述销售数据统计大屏所使用到的一些基本组件

1.单行文本组件:

基础单行文本组件默认显示示例文本,双击即可直接进行编辑,修改相应文本,可以设置字体,大小,颜色等样式。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图11

2.环形图组件:以环形图的方式来展示各地区的年产量占比,通过面积大小和比例来直观地展现各地区的数据情况。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图12

3.数据表格组件:通过表格的形式来展示数据,本大屏中,大客户购买明细中的地区,购买量,订货时间,交货时间,货物情况使用多列数据表格同时呈现,并且能够上下滚动呈现,在节省大屏空间的同时能够展示更多数据。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图13

4.分组柱状图组件:

分组柱状图能够在同一个轴上显示各个分类下不同的分组。

不同的组件适合于不同格式的数据,如果数据源格式不符合组件的要求,就无法正常显示内容。这种数据类型适用于柱子数量固定不变的情况。
这种数据类型是一个 X 轴字段(字符串类型)和多个 Y 轴字段(数字类型),一个 Y 轴字段对应一个柱子。下列的柱状图展示了各地区往年及今年的总销量对比,X轴是各地区,Y轴则是总销量,可以对轴线进行隐藏操作。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图14

完成所有组件的设置和数据的导入后,这样一个销售数据统计大屏就完成了。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图15

四.数据大屏制作步骤:导出分享大屏

大屏设计完成后,需要及时保存,导出项目源文件或者部署文件,也支持发布Web链接的形式。

1.另存为bt形式的项目文件,后续可以使用软件中心重新打开进行编辑操作。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图16

2.导出为部署文件,可以根据需要选择永久的最终部署或者有期限的临时部署,在上方的高级设置中可以对编辑权限,APP控制,云渲染等进行详细设计。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图17

3.如果需要分享大屏的需求,也可以发布Web链接,成功发布后,复制相应的网址,可以在第三方浏览器中打开查看制作好的大屏。

数据大屏制作步骤详解:新手小白不可错过!——九数云BI插图18

以上是九数云BI可以做到的呈现效果,如果你是新手小白,不要犹豫,选择它,九数云作为一款零代码的SaaS BI,主要是面向个人、团队及中小企业的一款云端数据分析及可视化平台,可以帮助用户快速提高数据大局观, 优化业务流程并提升效率。快来试试吧!



上一篇:
下一篇:
相关内容