400-606-2014
400-606-2014

告诉您如何10分钟做好数据可视化大屏

2021年7月27日 |

数据可视化大屏是一个十分有用的数据类应用。不仅十分的炫酷,而且大部分都是高度概括的数据提炼总结,让人能够第一时间第一印象最为直观的获取最为有用的信息,从而做出决策。所以数据可视化大屏被广泛应用在监控中心、运维中心等等关键部门。既然数据可视化大屏这么重要,那么如何快速的构建自己的数据可视化大屏呢?

首先,最简单暴力的就是程序开发,这种是费时费力的原始手段,不过好处是完全的私人定制化,只要技术和实例允许,想要啥样的都是可以的。不过君子善甲于物,懂得借力才是聪明人该做的。 为什么选择DataView呢,因为DataView有两项独创的技术-分体式BI+试衣模式。

所谓分体式BI技术,就是将页面元素分割成一个又一个的模块,模块之间可以互相控制,模块直接从组件库拖进页面中,每个组件可以拖拽出n个模块,即组件对象化。同时页面因为分割技术的存在,页面布局可以随意设置,甚至于像素级别,方便模块布局,同时模块之间还可以随意的进行控制,由用户自己来搭积木。这种工具的使用,就像用户自己来编程一样,只不过都是对象化,简单化的模式,从而非常简单,易于掌握。

那试衣模式呢?试衣模式,让您可以像站在镜子前看效果一样,对您的系统样式,布局进行调整,怎么好看怎么穿,随时切换。而且系统还可以根据您的浏览器自动进行判断,去判断您的浏览器是Pc端还是移动端,根据判断结果,自动加载不同的样式。移动的,加载移动的样式,PC加载PC的样式,全部自动化进行变化。

分体式BI可以保证我们大屏之间的数据模块间的控无止境,而试衣模式能够保证可以像试衣服一样,调试我们的大屏,同时可以将我们做好的静态页面,方便的套用在DataView之上,变成我们心目中想要的样子,设计好什么样的静态页面,做好的大屏就能展现什么样,这个是很多工具所做不到的。接下来就是我们如何做一个Hello World了。

首先的话就是数据库建表:

数据库中需要提前建好相关表和数据,如下:

然后创建页面:

创建 Hello World 的FreeForm布局页面

再次设置页面主题皮肤:

点击新创建的Hello World的页面,并点击左侧的【编辑】按钮,对当前页面进行编辑,选择【外观和风格】模块,在【常规浏览器】中选择我们需要的主题

可以看到我们的当前主题和可以选择的主题

我们选择【Ccs Public Dataview 2k 】主题皮肤,并按【保存】按钮

之后页面就会变成我们想要的主题皮肤

然后添加设置组件:

按【添加】按钮,选择我们需要的组件

我们在【ccs dataview】模组中,选择【分体-SQL-常规-饼图】组件,并添加至当前界面上

点击【配置】对当前组件进行业务配置

点击【添加模组】按钮

输入 联动名称 及 SQL 并点击【解析】按钮

之后,我们将select出的字段和饼图的元素进行绑定,并点击【保存】按钮

关闭当前配置页面,神奇的事情发生了,饼图出现了

为了更好看一些,我们可以再次在配置页面的【基础配置】中配置饼图的大小颜色等等属性

点击保存后,就可以看到我们调整的效果了

这就是一个Hello World的完整过程,然后我们添加更多的组件,选择一个比较好的页面主题皮肤,就可以做成如下效果的数据大屏了:

工业和信息化部备案管理系统网站 京ICP备17063791号-1  京公网安备11010802025045号 
Copyright © 2017- 北京蛛网时代科技有限公司 Cobwebtimes co.,ltd All rights Reserved.

商务咨询

电话:400-606-2014

技术支持

微信:cobwebtimes

电话:400-606-2014

微信

微博