CN106126154A - 一种大屏展示配置方法 - Google Patents
一种大屏展示配置方法 Download PDFInfo
- Publication number
- CN106126154A CN106126154A CN201610775224.9A CN201610775224A CN106126154A CN 106126154 A CN106126154 A CN 106126154A CN 201610775224 A CN201610775224 A CN 201610775224A CN 106126154 A CN106126154 A CN 106126154A
- Authority
- CN
- China
- Prior art keywords
- size screen
- screen monitors
- resource
- configuration
- resolution
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 33
- 238000005516 engineering process Methods 0.000 claims abstract description 20
- 238000012790 confirmation Methods 0.000 claims abstract description 6
- 230000008878 coupling Effects 0.000 abstract description 4
- 238000010168 coupling process Methods 0.000 abstract description 4
- 238000005859 coupling reaction Methods 0.000 abstract description 4
- 238000011161 development Methods 0.000 abstract description 2
- 239000006185 dispersion Substances 0.000 abstract 1
- 230000000694 effects Effects 0.000 description 8
- 230000003247 decreasing effect Effects 0.000 description 4
- 241001269238 Data Species 0.000 description 3
- 230000008859 change Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000003321 amplification Effects 0.000 description 2
- 238000013079 data visualisation Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000001747 exhibiting effect Effects 0.000 description 2
- 238000003199 nucleic acid amplification method Methods 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 230000004899 motility Effects 0.000 description 1
- 230000001151 other effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 230000011218 segmentation Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明公开了一种大屏展示配置方法,包括展示确认、展示配置和展示加载三个阶段,其中:展示确认是指确认大屏展示时的类别、页面元素、技术手段和分辨率;展示配置是指配置类别、资源、资源对应的页面元素类型、使用的技术手段以及分辨率;展示加载是指将配置好的信息,通过类别、资源、元素数据以图表的形式展示在大屏上。该一种大屏展示配置方法与现有技术相比,解决目前大屏展示数据的多样性(表格、图形、其它系统页面、地图、文字等)、管理的零散性、展示层与开发层的耦合性太高的问题,实现高内聚低耦合低,提高前台页面与后台技术的独立性,实用性强,适用范围广泛,易于推广。
Description
技术领域
本发明涉及数据可视化技术领域,具体地说是一种实用性强、大屏展示配置方法。
背景技术
大屏展示技术,应用于数据可视化,是关于数据视觉表现形式的科学技术研究。其中,这种数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量,主要指的是技术上较为高级的技术方法,而这些技术方法允许利用图形、图像处理、计算机视觉以及用户界面,通过表达、建模以及对立体、表面、属性以及动画的显示,对数据加以可视化解释。
目前的大展展示系统存在着不足如下:(1)展示区域固定,无法动态的增加或减少区域。(2)展示图表的技术(如:echarts、FusionCharts、JFreeChart)固定,无法动态的切换展示图表的技术。(3)展示效果单一,目前大部分大屏都是图形化展示。(4)展示分辨率固定,无法根据不同的分辨率展示不同的效果。(5)区域展示图表固定,无法实时有效的改变区域展示的图表。(6)不支持放大图表及放大后图表的切换。
基于此,现提供一种可有效解决上述不足的大屏展示配置方法。
发明内容
本发明的技术任务是针对以上不足之处,提供一种实用性强、大屏展示配置方法。
一种大屏展示配置方法,包括展示确认、展示配置和展示加载三个阶段,其中:
展示确认是指确认大屏展示时的类别、页面元素、技术手段和分辨率;
展示配置是指配置类别、资源、资源对应的页面元素类型、使用的技术手段以及分辨率;
展示加载是指将配置好的信息,通过类别、资源、元素数据以图表的形式展示在大屏上。
在展示确认阶段,确认展示类别是指确认当前大屏页面中要展示哪些图表;确认页面元素过程中的元素包括图形、表格、文字、地图;确认展示的技术手段是指确认大屏需要使用的技术,该技术为针对图形的技术,包括echarts、FusionCharts、JFreeChart;确认展示分辨率是指确认大屏的分辨率,当不同的类别需要不同的分辨率时,通过配置多种分辨率,在显示不同类别时,使用不同的分辨率。
在展示配置阶段,配置展示的类别是指根据大屏页面需要显示的分类进行配置;配置资源是指配置大屏页面加载时所需要使用的资源,资源是每一个页面元素的具体实现,这里的页面元素包括图形、表格、文字、地图;配置页面元素类型是指配置资源所对应的页面元素类型,包括图形、表格、地图、文字;配置大屏显示的分辨率是指根据不同的大屏尺寸对应不同的分辨率。
当配置的资源为图形时,通过charts、FusionCharts或JFreeChart技术调用不同的函数实现。
当需要修改大屏页面类别或类别对应的资源、资源对应的展示形式时,只需要在相应的配置信息中进行修改即可。
在展示加载阶段,页面中首先根据配置表中类别信息,在页面中加载类别,根据类别找到类别所对应的资源,根据资源加载对应所对应的图形、表格、地图、文字,最后根据分辨率不同将其资源信息展示出来。
本发明的一种大屏展示配置方法,具有以下优点:
该发明的一种大屏展示配置方法, 通过通用大屏展示配置,保证表格、图形、其它系统页面、地图、文字的转换简单易行;前台展示页面的元素位置的任意修改,不影响后台具体的技术实现,且可以灵活切换不同展示形式,根据自定义配置的样式,也可以保证在不同分辨率的屏幕上正常显示;通过配置的技术实现手段,可以使用不同技术实现展示图形;通过本配置方法,可以完全分离前台页面与后台技术实现,实现高内聚低耦合低,提高前台页面与后台技术的独立性;
本发明根据配置的信息,可以动态有效的在页面中增加或减少大屏的展示区域个数;可以根据配置表的信息使用不同的展示技术来加载当前需要显示的图表;根据配置的展示资源的类型包括(图形、表格、其它系统页面、地图、文字等)信息,加载不同类型的资源到大屏上,使得大屏的展示多元化;根据配置的多种分辨率展示效果,可以在不同的大屏下展示不同的分辨率,保证大屏的显示效果;每个区域展示的内容,可以根据配置实时动态的加载不同的内容;支持任意区域的放大展示,同时可以切换当前类别中不同图表,极大的增加了大屏的灵活性与可视化效果,实用性强,适用范围广泛,易于推广。
附图说明
附图1为本发明的总体架构图。
附图2为本发明的实现流程图。
具体实施方式
下面结合附图及具体实施例对本发明作进一步说明。
如附图1所示,本发明提供一种大屏展示配置方法,主要解决目前大屏展示数据的多样性(表格、图形、其它系统页面、地图、文字等)、管理的零散性、展示层与开发层的耦合性太高的问题。
通用大屏展示方法,其技术特点如下:
灵活可配:可以灵活的配置类别与资源的对应关系,页面分辨率,展示图表的技术手段,图表的展示位置。
可扩展性:可以实时增加或减少展示图表的个数。
松耦合性:页面的布局的改变与后台资源的修改完全分离。
本发明中提到的展示方法,具体实现过程包括:
1)确认大屏展示时的类别,确认页面元素包括图形、表格、其他系统页面、地图、文字,确认展示图表的技术手段,确认展示的分辨率。
在该确认阶段,如附图2所示:主要是确认大屏在展示的阶段需要展示的类别,类别的作用主要是当前大屏页面中要展示哪些图表,默认情况下我们可以认为整个大屏即为一个类别,那么在展示的时候即为所有的资源都在当前大屏上显示,不以类别为细分;确认页面元素,这个要根据我们实际的要求,即如果将数据展示出来,元素可以是图形、表格、文字、地图、其他系统资源等;确认展示的技术手段,确认我们本次的大屏需要使用的技术,主要是针对图形的技术,包括(echarts、FusionCharts、JFreeChart);分辨率就是需要确认大屏的分辨率,如果不同的类别需要不同的分辨率,那么我们可以配置多种分辨率,在显示不同类别时,使用不同的分辨率。
2)展示配置阶段,其流程如下:
配置展示的类别,主要根据大屏页面需要显示的分类进行配置,可以配置一类或多类。
配置资源,主要为了大屏页面加载时,所需要使用的资源。
配置页面元素类型,主要是配置资源所对应的页面元素类型,包括图形、表格、其它系统页面、地图、文字等。
配置大屏显示的分辨率,由于不同的大屏尺寸对应不同的分辨率,可以根据实际情况配置多种分辨率的显示情况。
在该配置阶段,现在从两方面进行说明,硬件配置和软件配置,配置说明如下:
(1)硬件配置:主要是配置分辨率,根据实际物理大屏的分辨率大小进行配置,比如分辨为:3840*2160、1920*1080等。
(2)软件配置:
A、展示类别:展示类别为大屏上要显示的分类,大屏区域可以一次性将所有数据全部加载上来,也可以根据类别,分批次的展示出来。一个大屏由一个或多个展示类别组成,一个类别由多个资源组成。
B、资源:资源是每一个页面元素(图形、表格、文字、地图、其它系统资源)的具体实现;对于图形,我们需要确认一种或多种技术手段(如:echarts、FusionCharts、JFreeChart),在具体实现过程中,根据配置的技术手段调用不同的函数。如:
if ("FusionCharts".equals(paramMap.get("chartType").toString())) {
//当配置的图形参数为FusionCharts时,调用FusionCharts的具体实现
return FusionchartsCommon.getFusionchartsBarOption(paramMap,title,
legendDatas, xValues, yName1, yName2, datas, xRotate,shows, y2,bgnum,Line);
//当配置的图形参数为echarts时,调用echarts的具体实现
} else if ("echarts".equals(paramMap.get("chartType").toString())){
{
return EchartsCommon.getEchartsBarOption(paramMap, title,
legendDatas, xValues, yName1, yName2, datas, xRotate,shows, y2);
}else{
{//当配置的图形参数为JFreeChart时,调用JFreeChart的具体实现
return JFreeChartCommon.getJFreeChartBarOption(paramMap,title,
legendDatas, xValues, yName1, yName2, datas, xRotate,shows, y2);
}
C、页面元素:配置资源所对应的页面元素类型,包括图形、表格、其它系统页面、地图、文字等,根据具体业务要求制定。
3)页面加载阶段,其流程如下:
页面中首先根据配置表中类别信息,在页面中加载类别,根据类别,我们可以找到类别所对应的资源,根据资源我们可以加载对应所对应的图形、表格、其它系统页面、地图、文字等;同时根据我们所根据的分辨率大小,系统自动根据类别、资料加载不同的分辨率样式,可以保证不同的类别展示不同的分辨率图表,可以适应不同大屏效果。
加载阶段:加载阶段主要是将配置阶段已经配置好的相应信息进行加载,以保证在大屏上正常显示,并且由于加载的数据全部是由配置而来的,所以可以保证灵活动态的改变加载的内容。加载过程为:首先加载类别,根据类别我们可以将大屏显示分类,然后加载每个类别的资源,加载资源的过程中我们可以知道每个资源对应的页面元素(图形、表格、其它系统页面、地图、文字等),并将其展示出来,通过技术手段和分辨率,调用不用的样式风格,以保证在不同分辨下显示正常的数据。
当我们需要修改大屏页面类别或类别对应的资源,资源对应的展示形式时,只需要在相应的配置信息中进行修改,即可完成修改。而每个资源所应该的后台代码信息则不需要修改,完全实现前台分离,保证了前后台的独立性。
针对现有技术所存在的缺点,本发明根据配置的信息,可以动态有效的在页面中增加或减少大屏的展示区域个数;可以根据配置表的信息使用不同的展示技术来加载当前需要显示的图表;根据配置的展示资源的类型包括(图形、表格、其他系统页面、地图、文字等)信息,加载不同类型的资源到大屏上,使得大屏的展示多元化;根据配置的多种分辨率展示效果,可以在不同的大屏下展示不同的分辨率,保证大屏的显示效果;每个区域展示的内容,可以根据配置实时动态的加载不同的内容;支持任意区域的放大展示,同时可以切换当前类别中不同图表。
由于我们对于大屏上的展示信息,从展示分类、展示资源、展示图表形式、展示分辨率、展示技术手段,全部是使用配置的形式进行处理的,并且展示只是关联到具体的资源,而对于资源的开发,完全可以独立于展示的具体位置。因此可以保证页面中的所有元素都可以动态扩展;展示图表展示、分辨率、展示技术都可以通过配置来进行灵活处理。
上述具体实施方式仅是本发明的具体个案,本发明的专利保护范围包括但不限于上述具体实施方式,任何符合本发明的一种大屏展示配置方法的权利要求书的且任何所属技术领域的普通技术人员对其所做的适当变化或替换,皆应落入本发明的专利保护范围。
Claims (6)
1.一种大屏展示配置方法,其特征在于,包括展示确认、展示配置和展示加载三个阶段,其中:
展示确认是指确认大屏展示时的类别、页面元素、技术手段和分辨率;
展示配置是指配置类别、资源、资源对应的页面元素类型、使用的技术手段以及分辨率;
展示加载是指将配置好的信息,通过类别、资源、元素数据以图表的形式展示在大屏上。
2.根据权利要求1所述的一种大屏展示配置方法,其特征在于,在展示确认阶段,确认展示类别是指确认当前大屏页面中要展示哪些图表;确认页面元素过程中的元素包括图形、表格、文字、地图;确认展示的技术手段是指确认大屏需要使用的技术,该技术为针对图形的技术,包括echarts、FusionCharts、JFreeChart;确认展示分辨率是指确认大屏的分辨率,当不同的类别需要不同的分辨率时,通过配置多种分辨率,在显示不同类别时,使用不同的分辨率。
3.根据权利要求1所述的一种大屏展示配置方法,其特征在于,在展示配置阶段,配置展示的类别是指根据大屏页面需要显示的分类进行配置;配置资源是指配置大屏页面加载时所需要使用的资源,资源是每一个页面元素的具体实现,这里的页面元素包括图形、表格、文字、地图;配置页面元素类型是指配置资源所对应的页面元素类型,包括图形、表格、地图、文字;配置大屏显示的分辨率是指根据不同的大屏尺寸对应不同的分辨率。
4.根据权利要求3所述的一种大屏展示配置方法,其特征在于,当配置的资源为图形时,通过charts、FusionCharts或JFreeChart技术调用不同的函数实现。
5.根据权利要求3所述的一种大屏展示配置方法,其特征在于,当需要修改大屏页面类别或类别对应的资源、资源对应的展示形式时,只需要在相应的配置信息中进行修改即可。
6.根据权利要求1所述的一种大屏展示配置方法,其特征在于,在展示加载阶段,页面中首先根据配置表中类别信息,在页面中加载类别,根据类别找到类别所对应的资源,根据资源加载对应所对应的图形、表格、地图、文字,最后根据分辨率不同将其资源信息展示出来。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610775224.9A CN106126154A (zh) | 2016-08-31 | 2016-08-31 | 一种大屏展示配置方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610775224.9A CN106126154A (zh) | 2016-08-31 | 2016-08-31 | 一种大屏展示配置方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106126154A true CN106126154A (zh) | 2016-11-16 |
Family
ID=57272400
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610775224.9A Pending CN106126154A (zh) | 2016-08-31 | 2016-08-31 | 一种大屏展示配置方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106126154A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107918516A (zh) * | 2017-10-17 | 2018-04-17 | 广东广业开元科技有限公司 | 一种可视化动态配置生成图表的系统及方法 |
CN109086016A (zh) * | 2018-07-11 | 2018-12-25 | 武大吉奥信息技术有限公司 | 一种基于WebGIS环境下的个性化地图多屏显示方法及装置 |
CN109241464A (zh) * | 2018-07-19 | 2019-01-18 | 上海小蚁科技有限公司 | 用于数据大屏的数据展示方法及装置、存储介质、终端 |
CN109324734A (zh) * | 2018-08-21 | 2019-02-12 | 北京旷视科技有限公司 | 页面展示方法、装置及电子设备 |
CN112667341A (zh) * | 2020-12-31 | 2021-04-16 | 杭州天宽科技有限公司 | 前端大屏数据展示的系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677779A (zh) * | 2012-09-21 | 2014-03-26 | 成都勤智数码科技股份有限公司 | 一种灵活的页面配置展现方法 |
CN103761288A (zh) * | 2014-01-14 | 2014-04-30 | 国家电网公司 | 可视化图表自定义生成系统及方法 |
CN105389153A (zh) * | 2015-11-23 | 2016-03-09 | 浪潮软件股份有限公司 | 一种通用集成展现技术在多系统集成中的应用方法 |
CN105589932A (zh) * | 2015-12-10 | 2016-05-18 | 浪潮通信信息系统有限公司 | 一种页面配置的方法及装置 |
-
2016
- 2016-08-31 CN CN201610775224.9A patent/CN106126154A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677779A (zh) * | 2012-09-21 | 2014-03-26 | 成都勤智数码科技股份有限公司 | 一种灵活的页面配置展现方法 |
CN103761288A (zh) * | 2014-01-14 | 2014-04-30 | 国家电网公司 | 可视化图表自定义生成系统及方法 |
CN105389153A (zh) * | 2015-11-23 | 2016-03-09 | 浪潮软件股份有限公司 | 一种通用集成展现技术在多系统集成中的应用方法 |
CN105589932A (zh) * | 2015-12-10 | 2016-05-18 | 浪潮通信信息系统有限公司 | 一种页面配置的方法及装置 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107918516A (zh) * | 2017-10-17 | 2018-04-17 | 广东广业开元科技有限公司 | 一种可视化动态配置生成图表的系统及方法 |
CN109086016A (zh) * | 2018-07-11 | 2018-12-25 | 武大吉奥信息技术有限公司 | 一种基于WebGIS环境下的个性化地图多屏显示方法及装置 |
CN109241464A (zh) * | 2018-07-19 | 2019-01-18 | 上海小蚁科技有限公司 | 用于数据大屏的数据展示方法及装置、存储介质、终端 |
CN109324734A (zh) * | 2018-08-21 | 2019-02-12 | 北京旷视科技有限公司 | 页面展示方法、装置及电子设备 |
CN112667341A (zh) * | 2020-12-31 | 2021-04-16 | 杭州天宽科技有限公司 | 前端大屏数据展示的系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106126154A (zh) | 一种大屏展示配置方法 | |
US11003339B2 (en) | Managing transparent windows | |
CN104063211B (zh) | 用于具有可变的显示屏尺寸和取向的设备的布局系统 | |
JP2723208B2 (ja) | データ処理システム | |
JP4912397B2 (ja) | 表示オブジェクトレイアウト変更装置 | |
US10474736B1 (en) | Multiple display views for a notebook | |
US5754242A (en) | Data formatting system for processing multiple independent input data streams for high resolution screen displays | |
US6538660B1 (en) | Method, system, and program for superimposing data from different application programs | |
US20070226642A1 (en) | Apparatus and method for displaying transparent windows when copying or moving items between windows | |
US10146562B2 (en) | Unlimited icon overlays | |
KR20090006781A (ko) | 디스플레이 인터페이스에서의 아이콘들의 관리 | |
CN102830966A (zh) | 一种信息展示系统及方法 | |
US20080074439A1 (en) | Selectively transforming overlapping illustration artwork | |
EP3155507A1 (en) | Storage system user interface with floating file collection | |
CN103150198B (zh) | 一种组态软件的显示方法 | |
US5737558A (en) | Multi-column windows | |
CN114048000A (zh) | 分屏方法、装置、终端设备以及存储介质 | |
CN101383951B (zh) | 画面分割装置 | |
CN102880382A (zh) | 一种界面展示系统、方法和设备 | |
US9916602B2 (en) | Batch image processing tool | |
US20120144324A1 (en) | Reshaping Interfaces Using Content-Preserving Warps | |
CN103914223A (zh) | 终端应用界面的生成方法及装置 | |
CN105117247A (zh) | 一种显示控制方法及装置、电子设备 | |
CN103729172A (zh) | 避免触控事件被拦截以触发给多元件执行的系统及其方法 | |
CN110908585B (zh) | 图片处理的方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161116 |