CN116610404A - 一种自动生成数据可视化大屏的实现方法及系统 - Google Patents
一种自动生成数据可视化大屏的实现方法及系统 Download PDFInfo
- Publication number
- CN116610404A CN116610404A CN202310593321.6A CN202310593321A CN116610404A CN 116610404 A CN116610404 A CN 116610404A CN 202310593321 A CN202310593321 A CN 202310593321A CN 116610404 A CN116610404 A CN 116610404A
- Authority
- CN
- China
- Prior art keywords
- data
- large screen
- user
- chart
- selecting
- 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 43
- 238000013079 data visualisation Methods 0.000 title claims abstract description 21
- 238000004519 manufacturing process Methods 0.000 claims abstract description 20
- 230000000007 visual effect Effects 0.000 claims abstract description 17
- 238000007906 compression Methods 0.000 claims abstract description 8
- 230000006835 compression Effects 0.000 claims abstract description 8
- 238000009877 rendering Methods 0.000 claims description 9
- 238000012217 deletion Methods 0.000 claims description 5
- 230000037430 deletion Effects 0.000 claims description 5
- 238000007726 management method Methods 0.000 description 19
- 230000006870 function Effects 0.000 description 18
- 238000010586 diagram Methods 0.000 description 8
- 238000013461 design Methods 0.000 description 7
- 238000011161 development Methods 0.000 description 5
- 230000018109 developmental process Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 238000013144 data compression Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000003780 insertion Methods 0.000 description 2
- 230000037431 insertion Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000002441 reversible effect Effects 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 238000012800 visualization Methods 0.000 description 2
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000002035 prolonged effect Effects 0.000 description 1
- 230000011218 segmentation Effects 0.000 description 1
- 238000009966 trimming Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/26—Visual data mining; Browsing structured data
-
- 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种自动生成数据可视化大屏的实现方法及系统,包括在检测到用户在操作界面上输入的视图创建操作时,根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面;并针对页面中部分图表加载大量数据造成的拥堵和冗余,使用了曲线压缩的总体最小二乘算法,对数据进行了压缩,从而优化图表显示。当页面生成后,用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏。通过上述方案可快速制作数据大屏,解决了现有数据分析软件制作大屏时时间长的问题,给大屏制作和数据可视化提供了更快速的解决方案。
Description
技术领域
本申请涉及一种可视化大屏自动生成方法,特别涉及一种自动生成数据可视化大屏的实现方法及系统。
背景技术
随着信息技术和人类生产生活交汇融合,全球数据呈现爆发增长、海量集聚的特点。无论是国家、企业还是社会公众,都越来越认识到数据的价值。如何去呈现这些数据,数据可视化技术就显得尤为重要了。
当前有的技术方案1,通过html+css+js进行定制开发,这种开发方式。这种定制开发方案主要考验需求方的思路清晰程序和开发人员的技术水平。这种方案开发人员会通过需求方通过html、css、js等多项技术进行开发。首先通过html+css进行页面布局、图片、元素数据位置的摆放,通过JS和JS相关的组件进行图表和交互功能的渲染,最终形成数据可视化页面。
当前有的技术方案2,通过现成的自由拖拽数据大屏生成软件进行制作。此方法也需要有用户需求,但是需求方可以自己提需求自己做,软件的学习技术上的门槛不高。先进行数据源的接入,选取需要的图表类型,根据类型选择数据源的数据,在进行图表的创建与摆放,最后把页面的边框、图表数据等元素添加到合适的位置,这些摆放位置都需要很高的经验,才能理解什么位置放什么元素合适。最后完成可视化大屏的制作。
由此可见,现有的数据大屏制作不外乎两种方式,一种是根据客户需求定制开发,第二种根据可拖拽的大屏制作工具进行制作数据大屏,这两个方法都会花费过多的时间进行设计和数据导入。第一种定制方案耗时最多,需要第三方开发人员进行,基本会从需求、设计、开发、测试等多个阶段才能完成开发,整体周期时间很长。第二种大屏制作需要学习工具怎么使用,怎么制作素材,还得有审美方面的要求,不然设计出来的结构和内容都会很难看,学习成本很高,而且哪怕学会了工具使用,还是需要制作周期的,时间根据复杂程度,时间也会增长。
而无论哪种方式,当前市面的所有类型的数据可视化都得通过需求方给出需求,再通过专业的设计人员进行排版设计,最后对接想要的数据进行呈现。这就导致可视化大屏呈现给使用者需要花费中间这么多步骤才行。而且对于使用者而言,从无到有的过程是最难的,因为这些使用这里,绝大多数人都不是专业的设计人员。他们对数据怎么摆放合适,数据怎么呈现基本都不知道,不知道怎么布局,不知道提供哪些数据合适,不知道应该如何设计。
发明内容
为了解决以上现有技术所存在的问题,本发明的目的是提供一种自动生成数据可视化大屏的实现方法及系统,可以逆向思维进行先生成可视化大屏,后微调的方式,让用户直接突破从无到有的过程,当用户看到新生成的可视化大屏,可激发创作空间,再去调整页面也会更加顺利。
本发明的目的是采用下述技术方案实现的:
一种自动生成数据可视化大屏的实现方法,所述方法包括:
在检测到用户在操作界面上输入的视图创建操作时,根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面;
用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏。
优选的,所述根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面包括:在第一模式下,根据数据源数据自动生成数据大屏;在第二模式下,确定显示在所新建的页面上的数据数量和数据图表样式,根据用户选择的数据数量和数据图表样式对应的数据源数据组合,自助勾选生成数据大屏。
进一步地,所述根据数据源数据自动生成数据大屏之前还包括:
从通用词库、行业词库、自学词库中选取字段匹配关键字,依次进行类型字段的匹配,通过词库中的名称匹配到表的字段名并获取字段数据;
基于数值类型,通过字段名符合数值度的排名,选取匹配上的字段,根据排名先后选取数值类型数据。
进一步地,所述根据数据源数据自动生成数据大屏包括:选择默认群组设置,包括每张大屏内涵盖图表、单值数据的数量和类型模板,以及自定义设置每页图表数量、单值数据数量、展示模板;
选择目标数据库表,通过勾选、多选维度类型和数值类型进行数据大屏生成。
进一步地,所述选择目标数据库表,通过勾选、多选维度类型和数值类型进行数据大屏生成包括:通过关键字匹配获得维度类型数据和数值类型数据;
根据词库管理功能识别到目标数据库表的维度类型数据、数值类型数据、未识别到的维度类型三个标签页;其中,所述维度类型和数值类型用于创建图表使用;
将维度类型数据和数值类型数据通过JAVA转成两个类型的数组集合,当创建图表时,大屏软件平台通过接入用户系统的数据库后,用户选择对应的MySQL转换器,勾选识别到的数据转换成维度数据,进行创建图表,配置表关联关系;
然后根据用户的业务需求再选择数据源中的数据表,选择单个表或多个表;
将未能匹配到的维度数据进行组合记录;
当数据展示识别数量过少时,可以通过未识别标签内的类型进行勾选改变属性到已识别的维度类型,再进行数据大屏生成。
进一步地,所述确定显示在所新建的页面上的数据图表样式包括:
通过单值样式管理设置单值数据的展示图形和结构,通过多值样式管理设置多值数据图表的展示状态。
进一步地,所述单值样式管理包括:模板名称、边框图片、示意图标、数值字体和颜色、模板颜色色系;
所述单值样式由数值、边框、图标组成;
所述多值样式管理包括:模板列表、模板创建、模板编辑、模板删除;
所述多值样式由图表、边框组成。
进一步地,所述根据用户选择的数据数量和数据图表样式对应的数据源数据组合,自助勾选生成数据大屏包括:首先在列表内勾选大屏所需的数据组,选择默认模板类型,其中包含多种类似皮肤的元素;
页面设计时,需要的结构区块数量根据数据数量而定,根据勾选已识别到的数据组合生成大屏。
优选的,所述用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏包括:每个图表和单值数据右侧设有功能按键,分别用于重新选择数据、调整边框、调整背景图操作;
用户通过功能按钮对所述数据大屏页面微调,调整完成后即可完成大屏制作。
一种自动生成数据可视化大屏的系统,包括:
操作模块,用于在检测到用户在操作界面上输入的视图创建操作时,根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面;
调整模块,用于用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏。
本发明达到的有益效果是:
通过本发明提供的一种自动生成数据可视化大屏的实现方法及系统可快速制作数据大屏,解决了现有数据分析软件制作大屏时时间长的问题,给大屏制作和数据可视化提供了更快速的解决方案。
针对部分图表可能加载大量数据,使用了曲线压缩的总体最小二乘算法,对数据进行了压缩,从而优化图表显示。
采用逆向思维进行先生成可视化大屏,后微调的方式,让用户直接突破从无到有的过程,当用户看到新生成的可视化大屏,可激发创作空间,使得后续调整页面更加顺利。
附图说明
为了更清楚地说明本发明具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍。在所有附图中,类似的元件或部分一般由类似的附图标记标识。附图中,各元件或部分并不一定按照实际的比例绘制。
图1是本发明提供的一种自动生成数据可视化大屏的实现方法总流程图;
图2是本发明提供的自动生成数据可视化大屏的执行方法结构示意图;
图3是本发明提供的自动生成数据可视化大屏的执行方法中系统设置的结构示意图;
图4是本发明提供的自动生成数据可视化大屏的执行方法中创建视图的结构示意图;
图5是本发明提供的自动生成数据可视化大屏的系统结构示意图;
图6是本发明提供的利用最小二乘法对图表加载数据压缩的曲线示意图。
实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
在一个实施例中,如图1所示,提供了一种自动生成数据可视化大屏的实现方法,所述方法包括:
S1在检测到用户在操作界面上输入的视图创建操作时,根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面;
S2用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏。
步骤S1中,根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面包括:如图2~图4所示,在创建视图时,包括两种模式,在第一模式下,根据数据源数据自动生成数据大屏;其中,当数据量多时,可生成多个数据大屏。在第二模式下,首先要通过系统设置界面确定显示在所新建的页面上的数据数量和数据图表样式,根据用户选择的数据数量和数据图表样式对应的数据源数据组合,自助勾选生成数据大屏。
在模式确定后,需要分别对大屏进行设置;第一模式下的大屏设置包括:1、默认设置(多组);2、自定义设置(每页数据组数可自定义);第二模式下的大屏设置包括:1、勾选所需数据;2、模板类型设置。
设置完成后,根据选择的模式进行大屏生成。
其中,所述根据数据源数据自动生成数据大屏之前还包括:
从通用词库、行业词库、自学词库中选取字段匹配关键字,依次进行类型字段的匹配,通过词库中的名称匹配到表的字段名并获取字段数据;
基于数值类型,通过字段名符合数值度的排名,选取匹配上的字段,根据排名先后选取数值类型数据;以及,使用曲线压缩的最小二乘算法,对图表加载数据进行压缩,优化图表显示。
为了达到优化图表显示的目的,现有技术的压缩是对线上的重要节点进行编号如ABC三个节点,在保留点 AB 之间被删除的点全部位于保留直线的一侧;在保留点 BC 之间,被删除的点也全部位于保留直线的一侧,显然,用ABC 表示原始数据具有明显的偏差,且均方误差较大如果略微放松对A、B和C点的压缩精度要求,要通过化采用线 A'B'C'表示原始数据会得到更好的总体逼近效果为此,笔者提出基于总体最小二乘(TLS)的分直线合算法对曲线数据进行缩。
而本发明的具体方法是,如图6所示,设曲线由点序 P1,P2,…,Pn构成,分别取 P1,Pn为首点和末点。计算所有中间点 Pi(i = 2,3,…,n -1)到直线P1Pn的距离di,选出其中最大的距离值dmax,用dmax与限差ε比较,若dmax ≥ε,则保留dmax对应的点Pk,并以该点为分界点,将原曲线分为两部分:P1Pk和PkPn,用同样的方法对位于它们之间的中间点进行总体最小二乘直线拟合或继续分段,此方法反复进行,直到所有的垂直距离均小于限差为止。对合直线两两求交点为数据压缩后的保留点,两端点为原始点到拟合直线的垂足。
与RDP 压缩算法不同的是,TLS 算法没有简单地删除距离误差小于限差的点,而是略放松对端点的精度要求,通过总体最小二乘法做直线拟合(优化),从而提高曲线压缩的精度。
与常规最小二乘法相比,总体最小二乘法具有更高的直线拟合精度。考虑n个数据点(x1,y1), (x2,y2),…,(xn,yn)的直线拟合问题。若直线通过点(x0,y0)则直线方程为y-y0 =h(x-x0),其中h为直线的斜率。点(x0,y0)由设计者给定,例如可选为n个已知数据点的几何中心。其横坐标和纵坐标/>分别是
,/>
此数据直线方程为y - = h(x - />)。令中心化的数据向量为
X = [x1-, x2-/>, …,xn-/>]T
Y = [y1-, y2-/>, …,yn-/>]T
总体最小二乘同时考虑X和Y中的噪声,令Δ 代表横坐标X向量中的误差,则有(X- Δ )h = Y-ε。在总体最小二乘中,h的选取应使得总体误差E = [Δ ε]的Frobenius范数最小。
ξTLS = ||E||2 F = Tr[ETE]
总体最小二乘的直线拟合可以归结为一个简单的二阶矩阵的特征向量求解,运算量很小,同时考虑了数据点在横坐标方向和纵坐标方向的不确定性,因而总体最小二乘直线拟合具有更高的拟合精度。
根据数据源数据自动生成数据大屏包括:选择默认群组设置,包括每张大屏内涵盖图表、单值数据的数量和类型模板,以及自定义设置每页图表数量、单值数据数量、展示模板;
选择目标数据库表,通过勾选、多选维度类型和数值类型进行数据大屏生成。
其中,选择目标数据库表,通过勾选、多选维度类型和数值类型进行数据大屏生成包括:通过关键字匹配获得维度类型数据和数值类型数据;
根据词库管理功能识别到目标数据库表的维度类型数据、数值类型数据、未识别到的维度类型三个标签页;其中,所述维度类型和数值类型用于创建图表使用;
将维度类型数据和数值类型数据通过JAVA转成两个类型的数组集合,当创建图表时,大屏软件平台通过接入用户系统的数据库后,用户选择对应的MySQL转换器,勾选识别到的数据转换成维度数据,进行创建图表,配置表关联关系;
然后根据用户的业务需求再选择数据源中的数据表,选择单个表或多个表;
将未能匹配到的维度数据进行组合记录;
当数据展示识别数量过少时,可以通过未识别标签内的类型进行勾选改变属性到已识别的维度类型,再进行数据大屏生成。
步骤S1中,确定显示在所新建的页面上的数据图表样式包括:
通过单值样式管理设置单值数据的展示图形和结构,通过多值样式管理设置多值数据图表的展示状态。
所述单值样式管理包括:模板名称、边框图片、示意图标、数值字体和颜色、模板颜色色系;
所述单值样式由数值、边框、图标组成;
所述多值样式管理包括:模板列表、模板创建、模板编辑、模板删除;
所述多值样式由图表、边框组成。
所述根据用户选择的数据数量和数据图表样式对应的数据源数据组合,自助勾选生成数据大屏包括:首先在列表内勾选大屏所需的数据组,选择默认模板类型,其中包含多种类似皮肤的元素;
页面设计时,需要的结构区块数量根据数据数量而定,根据勾选已识别到的数据组合生成大屏。
步骤S2中,用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏包括:每个图表和单值数据右侧设有功能按键,分别用于重新选择数据、调整边框、调整背景图操作;
最后,用户通过功能按钮对所述数据大屏页面微调,调整完成后即可完成大屏制作。
针对单个图表进行配置调整时,页面微调主要通过对现有的图表库进行集成来实现。如对echarts、flotr2、antv等,通过页面表单方式配置图表插件参数,对图表进行配置。调整参数主要包含图表颜色、渐变方式、字体大小、边界距离等。
实施例1:如图2所示,图2通过系统设置和视图生成两个方面展示了自动生成数据可视化大屏的执行方法,具体包括:
系统设置
1、样式管理
单值样式模板管理:这个是决定单值数据以什么样的图形和结构展示在大屏上。单值样式管理包含单值模板管理列表、模板创建、模板修改、模板删除、模板查看。单值样式基本是由数值、边框、图标组成。新增单值样式模板表单由模板名称、选择边框图片、选择示意图标、数值字体和颜色、选择模板颜色色系。创建成功后,通过列表进行整体查看,可根据表格功能按钮进行编辑和删除。后续在创建视图时,单值样式可根据设置的模板颜色色系,随机显示不同模板的单值数据。
多值图表样式管理:这个是决定多值数据图表如何在数据大屏上进行展示。多值样式管理包含模板列表、模板创建、模板编辑、模板删除。多值样式由图表、边框组成。新增单值样式模板表单由模板名称、选择边框图片、选择模板颜色色系。创建成功后,通过列表进行整体查看,可根据表格功能按钮进行编辑和删除,后续在创建视图时,单值样式可根据设置的模板颜色色系,随机显示不同模板的多值图表样式。
2、词库管理
由于数据库表主要通过表字段名和字段值组成,这样我们就可以根据字段名匹配,这个字段是否适用为图表,通常字段类型为varchar和date的都是图表展示维度,int,float,double为数值,当一张表内既涵盖维度类型和数值类型,那我们认为这张表内应该会有符合图表生成的条件。接下来我们分为两步,第一维度类型字段的匹配,字段匹配关键字从通用词库、行业词库、自学词库中来,通过词库中的名称匹配到表的字段名并获取字段数据。第二数值类型字段,由于已经判断出数值类型,接下来关键字匹配最大的作用是用于字段名符合数值度的排名,在后续的创建图表设置中已经匹配上的字段会更靠前,供用户选择。维度类型数据和数值类型数据通过JAVA转成两个类型的数组集合,供下面生成图表使用。当然,未能匹配到的维度数据也会被组合记录,当创建图表时,可勾选未识别到的数据转换成维度数据,达到创建图表的目的。
通用词库:通用词库适用于所有类型的数据源的数据匹配,通用词库会穷举已知的数据库字段名称,通畅,创建通用词库时,需要选择是维度类型或者值类型。方便进行后续关键字匹配。维度类型会创建类似city、region、date等关键字,这些关键字通畅会出现在数据库表字段的命名中,用于以后的关键字匹配。值类型创建包含value、num、sum等关键字
行业词库管理:行业词库能更精确的分析数据库,因为每个行业都有特定的数据字段名,比如电信行业的4G、5G、流量等英文关键字来识别数据源数据。
自学习词库:行业词库已经能够很精确的识别相关业务属性名称,但是为了适应性更广,随着软件使用发展,软件吸取更多当前数据大屏制作数据,从而转化到自学习词库,从而让识别数据能力更强,当客户在后面的使用过程中能够更精确的识别到数据源数据。
创建视图
根据数据源数据自动生成数据大屏
(1)首先需要选择默认群组设置,这里面包括每张大屏内涵盖多少组图表,多少组单值数据,什么类型模板(如:科幻、娱乐、节日等大屏设计模板)。或者可以自定义设置每页图表数量、单值数据数量、展示模板等。
(2)数据组选择页面,首先要选择目标数据库表(可多选或全选),根据词库管理功能识别到这些表的维度类型数据、数值类型数据、未识别到的维度类型三个标签页,维度类型和数值类型用于创建图表使用,可勾选、多选取维度类型和数值类型,进行数据大屏生成。生成图表规则根据由数据库表进行限制,表内的维度字段和数值字段才能生成内部的图表。可以通过按钮勾选进行混合生成图表。当数据展示识别数量过少时,可以通过未识别标签内的类型进行勾选改变属性到已识别的维度类型。届时再进行数据大屏生成。
(3)自动大屏使用均为html+css组合方式,大屏设计通常是由结构与布局设计、配色、配图、插入数据图表或元素组成,这些都是需要依赖于html+css完成。通过1里面的设置即可通过现有技术制作出对应数据数量的结构,并把图表或数据放入到指定结构内。比如设定当前页面有15个图表和5个单值,通过html+css把页面分为头部区域,图表展示区域两个打的分区,在图表展示区与在进行切分,整体大元素数量为15+1单值大元素(5个单值为一组),对页面进行16等份或者不规则的切分,css动态对齐等样式控制,完整的布局在图表展示区域内,然后在对每个区域进行图表填充。把识别到的图表和数据放到对应的区块内。最后把图表的边框根据模板主题类型进行随机插入,单值的背景图通过模板主题类型也进行随机插入。最终行程一张完整的数据大屏。当已识别的数据过多时,接近于一张大屏所需的数据量时,会生成第二张大屏,如果数据量过少,则不进行第二张大屏的生成。
(4)每个图表和单值数据右侧都有功能按键,可以重新选择数据、调整边框、调整背景图等操作。
(5)调整完成后即可完成大屏制作。
根据勾选已识别到的数据组合生成大屏
a)首先需要在列表内勾选大屏所需的数据组,选择默认模板类型,其中包含多种类似皮肤的元素。
b)此步骤可以参考(2)~(3)中的方法,其中不同的是,页面设计时所需要的结构区块数量根据数据数量而定,而不是手动选择。
c)每个图表和单值数据右侧都有功能按键,可以重新选择数据、调整边框、调整背景图等操作。
调整完成后即可完成大屏制作。
如图5所示,基于相同的技术构思,本发明具体实施方式中还提供一种自动生成数据可视化大屏的系统,包括:
操作模块101,用于在检测到用户在操作界面上输入的视图创建操作时,根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面;
调整模块102,用于用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种自动生成数据可视化大屏的实现方法,其特征在于,所述方法包括:
在检测到用户在操作界面上输入的视图创建操作时,根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面;
用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏。
2.根据权利要求1所述的方法,其特征在于,所述根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面包括:在第一模式下,根据数据源数据自动生成数据大屏;在第二模式下,确定显示在所新建的页面上的数据数量和数据图表样式,根据用户选择的数据数量和数据图表样式对应的数据源数据组合,自助勾选生成数据大屏。
3.根据权利要求2所述的方法,其特征在于,所述根据数据源数据自动生成数据大屏之前还包括:
从通用词库、行业词库、自学词库中选取字段匹配关键字,依次进行类型字段的匹配,通过词库中的名称匹配到表的字段名并获取字段数据;
基于数值类型,通过字段名符合数值度的排名,选取匹配上的字段,根据排名先后选取数值类型数据;
使用曲线压缩的最小二乘算法,对图表加载数据进行压缩,优化图表显示。
4.根据权利要求3所述的方法,其特征在于,所述根据数据源数据自动生成数据大屏包括:选择默认群组设置,包括每张大屏内涵盖图表、单值数据的数量和类型模板,以及自定义设置每页图表数量、单值数据数量、展示模板;
选择目标数据库表,通过勾选、多选维度类型和数值类型进行数据大屏生成。
5.根据权利要求4所述的方法,其特征在于,所述选择目标数据库表,通过勾选、多选维度类型和数值类型进行数据大屏生成包括:通过关键字匹配获得维度类型数据和数值类型数据;
根据词库管理功能识别到目标数据库表的维度类型数据、数值类型数据、未识别到的维度类型三个标签页;其中,所述维度类型和数值类型用于创建图表使用;
将维度类型数据和数值类型数据通过JAVA转成两个类型的数组集合,当创建图表时,大屏软件平台通过接入用户系统的数据库后,用户选择对应的MySQL转换器,勾选识别到的数据转换成维度数据,进行创建图表,配置表关联关系;
然后根据用户的业务需求再选择数据源中的数据表,选择单个表或多个表;
将未能匹配到的维度数据进行组合记录;
当数据展示识别数量过少时,可以通过未识别标签内的类型进行勾选改变属性到已识别的维度类型,再进行数据大屏生成。
6.根据权利要求2所述的方法,其特征在于,所述确定显示在所新建的页面上的数据图表样式包括:
通过单值样式管理设置单值数据的展示图形和结构,通过多值样式管理设置多值数据图表的展示状态。
7.根据权利要求6所述的方法,其特征在于,所述单值样式管理包括:模板名称、边框图片、示意图标、数值字体和颜色、模板颜色色系;
所述单值样式由数值、边框、图标组成;
所述多值样式管理包括:模板列表、模板创建、模板编辑、模板删除;
所述多值样式由图表、边框组成。
8.根据权利要求2所述的方法,其特征在于,所述根据用户选择的数据数量和数据图表样式对应的数据源数据组合,自助勾选生成数据大屏包括:首先在列表内勾选大屏所需的数据组,选择默认模板类型,其中包含多种类似皮肤的元素;
页面设计时,需要的结构区块数量根据数据数量而定,根据勾选已识别到的数据组合生成大屏。
9.根据权利要求1所述的方法,其特征在于,所述用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏包括:每个图表和单值数据右侧设有功能按键,分别用于重新选择数据、调整边框、调整背景图操作;
用户通过功能按钮对所述数据大屏页面微调,调整完成后即可完成大屏制作。
10.一种自动生成数据可视化大屏的系统,其特征在于,包括:
操作模块,用于在检测到用户在操作界面上输入的视图创建操作时,根据用户选择的视图创建模式为数据大屏创建设置,渲染出相应的数据大屏页面;
调整模块,用于用户通过功能按钮对所述数据大屏页面微调,获得完整的可视化大屏。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310593321.6A CN116610404A (zh) | 2023-05-24 | 2023-05-24 | 一种自动生成数据可视化大屏的实现方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310593321.6A CN116610404A (zh) | 2023-05-24 | 2023-05-24 | 一种自动生成数据可视化大屏的实现方法及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116610404A true CN116610404A (zh) | 2023-08-18 |
Family
ID=87681400
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310593321.6A Pending CN116610404A (zh) | 2023-05-24 | 2023-05-24 | 一种自动生成数据可视化大屏的实现方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116610404A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117289930A (zh) * | 2023-11-27 | 2023-12-26 | 杭州比智科技有限公司 | 一种适用于数据大屏自定义主题样式的构建方法及系统 |
-
2023
- 2023-05-24 CN CN202310593321.6A patent/CN116610404A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117289930A (zh) * | 2023-11-27 | 2023-12-26 | 杭州比智科技有限公司 | 一种适用于数据大屏自定义主题样式的构建方法及系统 |
CN117289930B (zh) * | 2023-11-27 | 2024-02-02 | 杭州比智科技有限公司 | 一种适用于数据大屏自定义主题样式的构建方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
AU2022221498C1 (en) | Creation and update of hierarchical websites based on collected business knowledge | |
CN109614424B (zh) | 页面布局生成方法、装置、计算设备和介质 | |
Tao et al. | A unified approach to streamline selection and viewpoint selection for 3D flow visualization | |
US10579678B2 (en) | Dynamic hierarchy generation based on graph data | |
Yuan et al. | Infocolorizer: Interactive recommendation of color palettes for infographics | |
CN109408764B (zh) | 页面区域划分方法、装置、计算设备和介质 | |
US20050057566A1 (en) | Rich graphic visualization generation from abstract data representation | |
US7760405B2 (en) | Apparatus and method for integrating print preview with data modeling document editing | |
CN116610404A (zh) | 一种自动生成数据可视化大屏的实现方法及系统 | |
CN112527373A (zh) | 一种基于运行综合管理中心业务的可视化平台拓展方法 | |
CN111666355B (zh) | 一种领域、数据、场景三层模型的模型构建方法及装置 | |
CN113535177A (zh) | 一种表单生成方法、装置及设备 | |
US5692171A (en) | Method of extracting statistical profiles, and use of the statistics created by the method | |
JP2728977B2 (ja) | 統計量プロファイルの抽出方法、及び該方法によって作成した統計量の利用法 | |
CN113705177A (zh) | 基于集成写稿环境的稿件录入方法、装置和计算机设备 | |
Zhou et al. | Automated generation of graphic sketches by example | |
CN113343656A (zh) | 一种图表配置元素数据模型的二次编辑方法 | |
KR102442506B1 (ko) | 문서 작성 프로그램의 편집 액션에 대한 단축키를 추천하는 전자 장치 및 그 동작 방법 | |
CN116204704A (zh) | 一种基于用户任务的动态可视化推荐方法 | |
CN116306532A (zh) | 数据连接与呈现方法、装置、系统及储存介质 | |
Kostalas et al. | Spatiotemporal specification & verification of multimedia scenarios | |
JPH0527960A (ja) | データベース構築方法 | |
CN117472362A (zh) | 一种基于元数据的低代码开发平台设计与实现方法 | |
Ehrensberger | Datamockups: design tool for content-powered mockups | |
ZAINAL | AUTO GENERATE WOMEN CLOTH TEMPLATE |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |