数据可视化大屏是一个十分有用的数据类应用。不仅十分的炫酷,而且大部分都是高度概括的数据提炼总结,让人能够第一时间第一印象最为直观的获取最为有用的信息,从而做出决策。所以数据可视化大屏被广泛应用在监控中心、运维中心等等关键部门。既然数据可视化大屏这么重要,那么如何快速的构建自己的数据可视化大屏呢?
首先,最简单暴力的就是程序开发,这种是费时费力的原始手段,不过好处是完全的私人定制化,只要技术和实例允许,想要啥样的都是可以的。不过君子善甲于物,懂得借力才是聪明人该做的。 为什么选择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的完整过程,然后我们添加更多的组件,选择一个比较好的页面主题皮肤,就可以做成如下效果的数据大屏了: