CN111208998B - 数据可视化大屏自动布局的方法、装置及存储介质 - Google Patents
数据可视化大屏自动布局的方法、装置及存储介质 Download PDFInfo
- Publication number
- CN111208998B CN111208998B CN201911399260.XA CN201911399260A CN111208998B CN 111208998 B CN111208998 B CN 111208998B CN 201911399260 A CN201911399260 A CN 201911399260A CN 111208998 B CN111208998 B CN 111208998B
- Authority
- CN
- China
- Prior art keywords
- visual
- page
- position information
- large screen
- visualization
- 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.)
- Active
Links
- 238000013079 data visualisation Methods 0.000 title claims abstract description 46
- 238000000034 method Methods 0.000 title claims abstract description 28
- 230000000007 visual effect Effects 0.000 claims abstract description 125
- 238000013461 design Methods 0.000 claims abstract description 52
- 238000012800 visualization Methods 0.000 claims abstract description 46
- 230000011218 segmentation Effects 0.000 claims description 15
- 238000012545 processing Methods 0.000 claims description 13
- 238000013527 convolutional neural network Methods 0.000 claims description 11
- 238000004364 calculation method Methods 0.000 claims description 7
- 238000006243 chemical reaction Methods 0.000 claims description 7
- 238000005516 engineering process Methods 0.000 claims description 7
- 238000010586 diagram Methods 0.000 claims description 6
- 238000009877 rendering Methods 0.000 claims description 6
- 230000000694 effects Effects 0.000 claims description 5
- 238000011161 development Methods 0.000 abstract description 12
- 230000018109 developmental process Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 3
- 238000004458 analytical method Methods 0.000 description 1
- 238000002372 labelling Methods 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 238000003062 neural network model Methods 0.000 description 1
- 238000010606 normalization Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种数据可视化大屏自动布局的方法、装置及存储介质，该数据可视化大屏自动布局的方法包括：获取待生成的可视化页面的页面设计文件；确定所述页面设计文件中主体对象的特征信息和位置信息；根据所述特征信息生成所述主体对象的可视化组件；根据所述位置信息对所述可视化组件进行位置组合，并根据组合后的所述可视化组件对应的代码数据生成所述可视化页面。本发明的技术方案，旨在降低可视化页面的开发成本，提高可视化页面的开发效率。
Description
技术领域
本发明涉及浏览器技术领域，尤其涉及一种数据可视化大屏自动布局的方法、装置及存储介质。
背景技术
目前可视化页面的开发主要采用两种方式：一是投入大量人力进行定制开发，以获得可视化页面；二是对已经开发好的模板进行整合以形成模板库，然后开发特定的工具，通过所开发的工具对这些模板进行配置化布局，以生成可视化页面。其中，通过大量人力进行定制开发以获得可视化页面的方式，人力成本较高且效率低；通过对模板进行配置化布局以形成可视化页面的方式，会存在模板的粒度不够细，灵活度低，无法满足设计要求的问题。
发明内容
本发明通过提供一种数据可视化大屏自动布局的方法、装置及存储介质，旨在降低可视化页面的开发成本，提高可视化页面的开发效率。
为实现上述目的，本发明提供一种数据可视化大屏自动布局的方法，所述数据可视化大屏自动布局的方法包括以下步骤：
获取待生成的可视化页面的页面设计文件；
确定所述页面设计文件中主体对象的特征信息和位置信息；
根据所述特征信息生成所述主体对象的可视化组件；
根据所述位置信息对所述可视化组件进行位置组合，并根据组合后的所述可视化组件对应的代码数据生成所述可视化页面。
可选的，所述确定所述页面设计文件中主体对象的特征信息和位置信息的步骤包括：
根据预设的图像识别分割技术对所述页面设计文件进行分割计算处理，以获得多个区域图像以及各个所述区域图像的特征信息和位置信息；
将所述区域图像的特征信息和位置信息输入预设的可视化识别模型，以获得所述区域图像中主体对象的特征信息和位置信息。
可选的，所述根据所述特征信息生成所述主体对象的可视化组件的步骤包括：
根据所述特征信息中的类型信息确定与所述类型信息对应的标准化组件；
根据所述特征信息中的绘图信息和所述标准化组件生成所述主体对象的可视化组件。
可选的，所述根据所述位置信息对所述可视化组件进行位置组合的步骤包括：
根据所述主体对象的位置信息确定所述可视化组件的位置信息；
根据所述可视化组件的位置信息对所述可视化组件进行位置组合。
可选的，所述根据所述可视化组件的位置信息对所述可视化组件进行位置组合的步骤之后，还包括：
按照预设的构图排版规则对组合后的所述可视化组件进行处理。
可选的，所述根据组合后的所述可视化组件对应的代码数据生成所述可视化页面的步骤包括：
将组合后的所述可视化组件输入预设的代码转换模块，以获得所述可视化页面的代码数据；
将所述可视化页面的代码数据在浏览器中渲染，以生成所述可视化页面。
可选的，所述获取待生成的可视化页面的页面设计文件的步骤之前，还包括：
获取多个超文本标记语言组件；
根据各个所述超文本标记语言组件确定样本组件；
根据所述样本组件建立可视化识别模型。
可选的，所述根据所述样本组件建立可视化识别模型的步骤包括：
将所述样本组件进行标准化处理；
通过预设的卷积神经网络模型对标准化处理后的所述样本组件进行学习，以生成所述可视化识别模型。
为实现上述目的，本发明还提供一种数据可视化大屏自动布局装置，所述数据可视化大屏自动布局装置包括存储器、处理器及存储在存储器上并可在处理器上运行的数据可视化大屏自动布局程序，所述数据可视化大屏自动布局程序被所述处理器运行时实现如上所述的数据可视化大屏自动布局的方法的各个步骤。
为实现上述目的，本发明还提供一种存储介质，所述存储介质上存储有数据可视化大屏自动布局程序，所述数据可视化大屏自动布局程序被所述处理器执行时实现如上所述的数据可视化大屏自动布局的方法的各个步骤。
本发明的技术方案，系统获取待生成的可视化页面的页面设计文件，并确定页面设计文件中所包含的主体对象以及各个主体对象的特征信息和位置信息，根据主体对象的特征信息生成对应的可视化组件，根据主体对象的位置信息对可视化组件进行位置组合，并获取组合后的可视化组件对应的代码数据，将代码数据在浏览器中渲染，以生成可视化页面。如此设置，不需要投入大量的人力成本，即可定制开发可视化页面，使得可视化页面的开发成本低，开发效率高。
附图说明
图1为本发明实施例方案涉及的硬件运行环境的电子设备结构示意图；
图2为本发明数据可视化大屏自动布局的方法一实施例的流程示意图；
图3为图2中步骤S2的一实施例的流程示意图；
图4为图2中步骤S3的一实施例的流程示意图；
图5为图2中步骤S4的一实施例的流程示意图。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明实施例的主要解决方案是：获取待生成的可视化页面的页面设计文件；确定所述页面设计文件中主体对象的特征信息和位置信息；根据所述特征信息生成所述主体对象的可视化组件；根据所述位置信息对所述可视化组件进行位置组合，并根据组合后的所述可视化组件对应的代码数据生成所述可视化页面。
本发明的技术方案，系统获取待生成的可视化页面的页面设计文件，并确定页面设计文件中所包含的主体对象以及各个主体对象的特征信息和位置信息，根据主体对象的特征信息生成对应的可视化组件，根据主体对象的位置信息对可视化组件进行位置组合，并获取组合后的可视化组件对应的代码数据，将代码数据在浏览器中渲染，以生成可视化页面。如此设置，不需要投入大量的人力成本，即可定制开发可视化页面，使得可视化页面的开发成本低，开发效率高。
作为一种实施方案，数据可视化大屏自动布局装置可以如图1所示。
本发明实施例方案涉及的是数据可视化大屏自动布局装置，数据可视化大屏自动布局装置包括：处理器1001，例如CPU，通信总线1002，存储器1003。其中，通信总线1002用于实现这些组件之间的连接通信。
存储器1003可以是高速RAM存储器，也可以是稳定的存储器(non-volatilememory)，例如磁盘存储器。如图1所示，作为一种计算机存储介质的存储器1003中可以包括数据可视化大屏自动布局程序；而处理器1001可以用于调用存储器1003中存储的数据可视化大屏自动布局程序，并执行以下操作：
获取待生成的可视化页面的页面设计文件；
确定所述页面设计文件中主体对象的特征信息和位置信息；
根据所述特征信息生成所述主体对象的可视化组件；
根据所述位置信息对所述可视化组件进行位置组合，并根据组合后的所述可视化组件对应的代码数据生成所述可视化页面。
可选的，处理器1001可以用于调用存储器1003中存储的数据可视化大屏自动布局程序，并执行以下操作：
根据预设的图像识别分割技术对所述页面设计文件进行分割计算处理，以获得多个区域图像以及各个所述区域图像的特征信息和位置信息；
将所述区域图像的特征信息和位置信息输入预设的可视化识别模型，以获得所述区域图像中主体对象的特征信息和位置信息。
可选的，处理器1001可以用于调用存储器1003中存储的数据可视化大屏自动布局程序，并执行以下操作：
根据所述特征信息中的类型信息确定与所述类型信息对应的标准化组件；
根据所述特征信息中的绘图信息和所述标准化组件生成所述主体对象的可视化组件。
可选的，处理器1001可以用于调用存储器1003中存储的数据可视化大屏自动布局程序，并执行以下操作：
根据所述主体对象的位置信息确定所述可视化组件的位置信息；
根据所述可视化组件的位置信息对所述可视化组件进行位置组合。
可选的，处理器1001可以用于调用存储器1003中存储的数据可视化大屏自动布局程序，并执行以下操作：
按照预设的构图排版规则对组合后的所述可视化组件进行处理。
可选的，处理器1001可以用于调用存储器1003中存储的数据可视化大屏自动布局程序，并执行以下操作：
将组合后的所述可视化组件输入预设的代码转换模块，以获得所述可视化页面的代码数据；
将所述可视化页面的代码数据在浏览器中渲染，以生成所述可视化页面。
可选的，处理器1001可以用于调用存储器1003中存储的数据可视化大屏自动布局程序，并执行以下操作：
获取多个超文本标记语言组件；
根据各个所述超文本标记语言组件确定样本组件；
根据所述样本组件建立可视化识别模型。
可选的，处理器1001可以用于调用存储器1003中存储的数据可视化大屏自动布局程序，并执行以下操作：
将所述样本组件进行标准化处理；
通过预设的卷积神经网络模型对标准化处理后的所述样本组件进行学习，以生成所述可视化识别模型。
图2为本发明数据可视化大屏自动布局的方法一实施例的流程示意图。
该数据可视化大屏自动布局的方法包括以下步骤：
步骤S1，获取待生成的可视化页面的页面设计文件；
该页面设计文件，表示待生成的可视化页面的UI文件，即待生成的可视化页面的设计效果图。可以由开发人员将可视化页面的页面设计文件导入系统中，也可以是系统从移动硬盘、云服务器等获取可视化页面的页面设计文件。
步骤S2，确定所述页面设计文件中主体对象的特征信息和位置信息；
该主体对象，即页面设计文件中包含的主要对象，例如页面设计文件中包含的人、物、图形等等。该主体对象的特征信息，即主体对象的宽度、高度、类型、各个像素点的像素值等。该主体对象的位置信息，即主体对象在设计效果图中的坐标位置以及各个主体对象之间的相互位置关系。其中，可以利用OpenCV图像识别以及分割算法对页面设计文件进行分割计算处理，以获得多个区域图像以及各个区域图像的宽度、高度、各个像素点的像素值以及各个区域图像的位置信息，再根据预设的可视化识别模型识别区域图像中所包含的主体对象，确定各个主体对象的特征信息和位置信息。
具体的，在一实施例中，参照图3，步骤S2包括：
步骤S21，根据预设的图像识别分割技术对所述页面设计文件进行分割计算处理，以获得多个区域图像以及各个所述区域图像的特征信息和位置信息；
该预设的图像识别分割技术，可以是OpenCV图像识别以及分割技术，系统通过预设的图像识别分割技术对所获取的页面设计文件进行分割计算处理，即将页面设计文件按照OpenCV所识别出来的区别特征进行分割处理，以获得多个区域图像，并确定各个区域图像的宽度、高度、各个像素点的像素值、各个区域图像的位置信息以及各个区域图像相对于页面设计文件的偏移量等等。
步骤S22，将所述区域图像的特征信息和位置信息输入预设的可视化识别模型，以获得所述区域图像中主体对象的特征信息和位置信息。
通过在前期筛选大量的超文本标记语言组件，即各种类型的HTML(HyperTextMarkup Language，超文本标记语言)组件进行标注作为学习样本组件，再对学习样本组件进行标准化操作后，通过CNN(Convolutional Neural Networks，卷积神经网络)进行学习，以获得可视化识别模型。可视化识别模型能够识别出各个区域图像中所包含的主体对象以及主体对象的类型、特征信息和位置信息等等。将各个区域图像以及区域图像的特征信息和位置信息输入预设的可视化识别模型，根据可视化识别模型确定各个区域图像中所包含的主体对象以及各个主体对象的特征信息和位置信息。其中，可以以区域图像的位置信息作为该区域图像中所包含的主体对象的位置信息，可以以区域图像的特征信息作为该区域图像中所包含的主体对象的特征信息，也可以通过可视化识别模型识别出区域图像中的主体对象后，通过分析计算确定主体对象的特征信息。
步骤S3，根据所述特征信息生成所述主体对象的可视化组件；
该可视化组件，为待生成可视化页面所要显示的对象。在确定主体对象的特征信息后，通过将主体对象的特征信息中的类型信息与组件数据库进行匹配，在匹配成功时，获得与主体对象的类型信息对应的标准化组件，再将主体对象的特征信息与标准化组件进行结合，即以主体对象的特征信息配置标准化组件，从而生成主体对象的可视化组件。
具体的，在一实施例中，参照图4，步骤S3包括：
步骤S31，根据所述特征信息中的类型信息确定与所述类型信息对应的标准化组件；
该标准化组件，为预先存储于组件数据库的组件。系统根据可视化识别模型识别页面设计文件中的主体对象以及主体对象的类型信息，再根据识别出的主体对象的类型信息，从组件数据库中获取与主体对象的类型信息匹配的标准化组件。
步骤S32，根据所述特征信息中的绘图信息和所述标准化组件生成所述主体对象的可视化组件。
该绘图信息包括主体对象的宽度、高度、各个像素点的像素值等信息，系统根据主体对象的绘图信息和标准化组件生成主体对象的可视化组件，即系统以主体对象的绘图信息配置标准化组件，使得配置后的标准化组件的形状、颜色、高度、宽度等等与页面设计文件中对应主体对象的形状、颜色、高度、宽度等等相同。也就是通过主体对象的绘图信息和标准化组件定制开发个性化的可视化组件，使得所生成的可视化组件与页面设计文件中主体对象的颜色、宽度、高度、形状等等一致。
步骤S4，根据所述位置信息对所述可视化组件进行位置组合，并根据组合后的所述可视化组件对应的代码数据生成所述可视化页面。
根据主体对象在设计效果图中的位置信息以及各个主体对象之间的相互位置关系对所获得的可视化组件进行位置组合，即将所生成的各个可视化组件按照主体对象的位置信息进行重新布局、组合，并获取组合后的可视化组件对应的代码数据，将所获得的代码数据在浏览器中渲染，以生成与设计效果图相同的可视化页面。
具体的，参照图5，所述根据所述位置信息对所述可视化组件进行位置组合的步骤包括：
步骤S41，根据所述主体对象的位置信息确定所述可视化组件的位置信息。
根据主体对象在页面设计文件中的位置信息以及各个主体对象相互之间的位置信息确定所生成的可视化组件在待生成的可视化页面的位置信息以及各个可视化组件之间的相互位置关系，例如各个可视化组件的编号、ID、相对于页面设计文件的偏移量、矩阵特征值等。
步骤S42，根据所述可视化组件的位置信息对所述可视化组件进行位置组合。
根据所确定的各个可视化组件的位置信息对各个可视化组件进行重新布局、组合，使得组合后的各个可视化组件在待生成的可视化页面的位置以及各个可视化组件的相互位置关系与页面设计文件中对应的主体对象的位置相同。
步骤S42之后，还包括：
步骤S43，按照预设的构图排版规则对组合后的所述可视化组件进行处理。
在将各个可视化组件进行位置组合后，再按照预设的构图排版规则对组合后的可视化组件进行适应性调整，例如调整各个可视化组件的分辨率、宽度、高度等等，以使得各个可视化组件与页面设计文件中主体对象相同，提高待生成的可视化页面的准确性。
具体的，所述根据组合后的所述可视化组件对应的代码数据生成所述可视化页面的步骤包括：
步骤S44，将组合后的所述可视化组件输入预设的代码转换模块，以获得所述可视化页面的代码数据；
该代码转换模块，用于将可视化组件转换为对应的代码数据。将组合后的可视化组件输入预设的代码转换模块，由代码转换模块将组合后的可视化组件转换为对应的代码数据，以获得待生成的可视化页面的代码数据，即获得基于HTML的数据墙。
步骤S45，将所述可视化页面的代码数据在浏览器中渲染，以生成所述可视化页面。
将所获得的可视化页面的代码数据在浏览器中渲染，从而生成与页面设计文件对应的可视化页面。
为了便于理解，以下举例说明本实施例的发明构思。设定页面设计文件包括组件A、组件B、组件C、组件D和组件E；将页面设计文件输入可视化识别模型，通过可视化识别模型识别出组件A对应的标准化组件A1，组件B对应的标准化组件B1，组件C对应的标准化组件C1，组件D对应的标准化组件D1，组件E对应的标准化组件E1以及各个标准化组件的位置信息，再从组件数据库中获取所识别出的各个标准化组件A1、B1、C1、D1、E1，将从组件数据库获取的标准化组件按照可视化识别模型识别出的位置信息进行重新组合，并将重组后的标准化组件转为代码数据，从而形成可视化页面的HTML数据墙。如此设置，不需要投入大量的人力成本，即可定制开发可视化页面。
本发明的技术方案，系统获取待生成的可视化页面的页面设计文件，并确定页面设计文件中所包含的主体对象以及各个主体对象的特征信息和位置信息，根据主体对象的特征信息生成对应的可视化组件，根据主体对象的位置信息对可视化组件进行位置组合，并获取组合后的可视化组件对应的代码数据，将代码数据在浏览器中渲染，以生成可视化页面。如此设置，不需要投入大量的人力成本，即可定制开发可视化页面，使得可视化页面的开发成本低，开发效率高。
在一实施例中，步骤S1之前，还包括：
步骤S5，获取多个超文本标记语言组件；
前期先选取大量的超文本标记语言组件。
步骤S6，根据各个所述超文本标记语言组件确定样本组件；
从选取的大量超文本标记语言汇总筛选一定数量的超文本标记语言组件进行标注，以确定样本组件，该样本组件用于供CNN卷积神经网络进行学习。
步骤S7，根据所述样本组件建立可视化识别模型。
通过CNN神经网络模型对样本组件进行学习，以生成可视化识别模型并保存。
具体的，步骤S7包括：
步骤S71，将所述样本组件进行标准化处理；
先对所筛选出的样本组件进行标准化处理，使样本组件符合开发人员设定的标准。
步骤S72，通过预设的卷积神经网络模型对标准化处理后的所述样本组件进行学习，以生成所述可视化识别模型。
再通过卷积神经网络模型对标准化处理后的所述样本组件进行学习，以生成所述可视化识别模型。
为实现上述目的，本发明还提供一种数据可视化大屏自动布局装置，所述数据可视化大屏自动布局装置包括存储器、处理器及存储在存储器上并可在处理器上运行的数据可视化大屏自动布局程序，所述数据可视化大屏自动布局程序被所述处理器运行时实现如上所述的数据可视化大屏自动布局的方法的各个步骤。
为实现上述目的，本发明还提供一种存储介质，所述存储介质上存储有数据可视化大屏自动布局程序，所述数据可视化大屏自动布局程序被所述处理器执行时实现如上所述的数据可视化大屏自动布局的方法的各个步骤。
以上所述仅为本发明的可选实施例，并非因此限制本发明的专利范围，凡是在本发明的发明构思下，利用本发明说明书及附图内容所作的等效结构变换，或直接/间接运用在其他相关的技术领域均包括在本发明的专利保护范围内。
Claims (8)
1.一种数据可视化大屏自动布局的方法，其特征在于，包括：
获取待生成的可视化页面的页面设计文件；
根据预设的图像识别分割技术对所述页面设计文件进行分割计算处理，以获得多个区域图像以及各个所述区域图像的特征信息和位置信息，所述区域图像的特征信息包括各个区域图像的宽度、高度、各个像素点的像素值，所述区域图像的位置信息包括各个区域图像的位置信息以及各个区域图像相对于页面设计文件的偏移量；
将所述区域图像的特征信息和位置信息输入预设的可视化识别模型，以获得所述区域图像中主体对象的特征信息和位置信息，所述主体对象的位置信息包括在设计效果图中的坐标位置以及各个主体对象之间的相互位置关系；
根据所述主体对象的特征信息中的类型信息确定与所述类型信息对应的标准化组件；
根据所述主体对象的特征信息中的绘图信息，所述绘图信息包括主体对象的宽度、高度、各个像素点的像素值信息，和所述标准化组件生成所述主体对象的可视化组件，使得配置后的标准化组件的形状、颜色、高度、宽度与页面设计文件中对应主体对象的形状、颜色、高度、宽度相同；
根据所述位置信息对所述可视化组件进行位置组合，调整各个可视化组件的分辨率、宽度、高度，以使得各个可视化组件与页面设计文件中主体对象相同，并根据组合后的所述可视化组件对应的代码数据生成所述可视化页面。
2.如权利要求1所述的数据可视化大屏自动布局的方法，其特征在于，所述根据所述位置信息对所述可视化组件进行位置组合的步骤包括：
根据所述主体对象的位置信息确定所述可视化组件的位置信息；
根据所述可视化组件的位置信息对所述可视化组件进行位置组合。
3.如权利要求2所述的数据可视化大屏自动布局的方法，其特征在于，所述根据所述可视化组件的位置信息对所述可视化组件进行位置组合的步骤之后，还包括：
按照预设的构图排版规则对组合后的所述可视化组件进行处理。
4.如权利要求3所述的数据可视化大屏自动布局的方法，其特征在于，所述根据组合后的所述可视化组件对应的代码数据生成所述可视化页面的步骤包括：
将组合后的所述可视化组件输入预设的代码转换模块，以获得所述可视化页面的代码数据；
将所述可视化页面的代码数据在浏览器中渲染，以生成所述可视化页面。
5.如权利要求1所述的数据可视化大屏自动布局的方法，其特征在于，所述获取待生成的可视化页面的页面设计文件的步骤之前，还包括：
获取多个超文本标记语言组件；
根据各个所述超文本标记语言组件确定样本组件；
根据所述样本组件建立可视化识别模型。
6.如权利要求5所述的数据可视化大屏自动布局的方法，其特征在于，所述根据所述样本组件建立可视化识别模型的步骤包括：
将所述样本组件进行标准化处理；
通过预设的卷积神经网络模型对标准化处理后的所述样本组件进行学习，以生成所述可视化识别模型。
7.一种数据可视化大屏自动布局装置，其特征在于，所述数据可视化大屏自动布局装置包括存储器、处理器及存储在存储器上并可在处理器上运行的数据可视化大屏自动布局程序，所述数据可视化大屏自动布局程序被所述处理器运行时实现如权利要求1至6任一项所述的数据可视化大屏自动布局的方法的各个步骤。
8.一种存储介质，其特征在于，所述存储介质上存储有数据可视化大屏自动布局程序，所述数据可视化大屏自动布局程序被处理器执行时实现如权利要求1至6任一项所述的数据可视化大屏自动布局的方法的各个步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911399260.XA CN111208998B (zh) | 2019-12-27 | 2019-12-27 | 数据可视化大屏自动布局的方法、装置及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911399260.XA CN111208998B (zh) | 2019-12-27 | 2019-12-27 | 数据可视化大屏自动布局的方法、装置及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111208998A CN111208998A (zh) | 2020-05-29 |
| CN111208998B true CN111208998B (zh) | 2024-03-05 |
Family
ID=70784171
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911399260.XA Active CN111208998B (zh) | 2019-12-27 | 2019-12-27 | 数据可视化大屏自动布局的方法、装置及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111208998B (zh) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112015509A (zh) * | 2020-08-31 | 2020-12-01 | 中移（杭州）信息技术有限公司 | 数据可视化大屏的构建方法、电子设备及存储介质 |
| CN111767054B (zh) * | 2020-09-01 | 2020-12-22 | 平安国际智慧城市科技股份有限公司 | 生成智能大屏的方法、装置和计算机设备 |
| CN112596704B (zh) * | 2020-12-04 | 2024-07-09 | 光大科技有限公司 | 客户信息的显示方法及装置、存储介质、电子装置 |
| CN113031938A (zh) * | 2021-04-25 | 2021-06-25 | 中国电子系统技术有限公司 | 一种可视化界面图像转化为编程语言数据的方法及装置 |
| CN113656031A (zh) * | 2021-08-20 | 2021-11-16 | 中国银行股份有限公司 | 移动端页面代码生成方法及装置 |
| CN118151804A (zh) * | 2024-04-11 | 2024-06-07 | 北京优特捷信息技术有限公司 | 一种大屏自动布局方法、装置、设备及存储介质 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105930159A (zh) * | 2016-04-20 | 2016-09-07 | 中山大学 | 一种基于图像的界面代码生成的方法及系统 |
| CN108228180A (zh) * | 2017-12-27 | 2018-06-29 | 顺丰科技有限公司 | 基于可视化界面设计的自动代码生成方法及系统 |
| CN109508191A (zh) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | 一种代码生成方法及系统 |
| CN109634579A (zh) * | 2018-10-29 | 2019-04-16 | 平安科技（深圳）有限公司 | 代码生成方法、装置、计算机装置及存储介质 |
| CN110018826A (zh) * | 2019-03-12 | 2019-07-16 | 深圳壹账通智能科技有限公司 | 用户界面生成方法及相关设备 |
| CN110321126A (zh) * | 2019-07-08 | 2019-10-11 | 北京三快在线科技有限公司 | 生成页面代码的方法和装置 |
-
2019
- 2019-12-27 CN CN201911399260.XA patent/CN111208998B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105930159A (zh) * | 2016-04-20 | 2016-09-07 | 中山大学 | 一种基于图像的界面代码生成的方法及系统 |
| CN108228180A (zh) * | 2017-12-27 | 2018-06-29 | 顺丰科技有限公司 | 基于可视化界面设计的自动代码生成方法及系统 |
| CN109634579A (zh) * | 2018-10-29 | 2019-04-16 | 平安科技（深圳）有限公司 | 代码生成方法、装置、计算机装置及存储介质 |
| CN109508191A (zh) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | 一种代码生成方法及系统 |
| CN110018826A (zh) * | 2019-03-12 | 2019-07-16 | 深圳壹账通智能科技有限公司 | 用户界面生成方法及相关设备 |
| CN110321126A (zh) * | 2019-07-08 | 2019-10-11 | 北京三快在线科技有限公司 | 生成页面代码的方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111208998A (zh) | 2020-05-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111208998B (zh) | 数据可视化大屏自动布局的方法、装置及存储介质 | |
| WO2019201035A1 (zh) | 对图像中的对象节点的识别方法、装置、终端及计算机可读存储介质 | |
| US20200012876A1 (en) | Text detection method, storage medium, and computer device | |
| CN109117760B (zh) | 图像处理方法、装置、电子设备和计算机可读介质 | |
| CN109815471A (zh) | 合同文本生成方法、装置、计算机设备和存储介质 | |
| CN109408058B (zh) | 基于机器学习的前端辅助开发方法和装置 | |
| CN113094770B (zh) | 图纸生成方法、装置、计算机设备和存储介质 | |
| CN109035370B (zh) | 一种图片标注方法与系统 | |
| CN108509401B (zh) | 合同生成方法、装置、计算机设备和存储介质 | |
| CN110751149A (zh) | 目标对象标注方法、装置、计算机设备和存储介质 | |
| CN110490959B (zh) | 三维图像处理方法及装置、虚拟形象生成方法以及电子设备 | |
| CN110675940A (zh) | 病理图像标注方法、装置、计算机设备及存储介质 | |
| CN109657675B (zh) | 图像标注方法、装置、计算机设备和可读存储介质 | |
| CN114003160B (zh) | 数据可视化展示方法、装置、计算机设备和存储介质 | |
| KR20210040305A (ko) | 이미지 생성 방법 및 장치 | |
| CN111223155B (zh) | 图像数据处理方法、装置、计算机设备和存储介质 | |
| CN116843901A (zh) | 医学图像分割模型训练方法和医学图像分割方法 | |
| CN110867243B (zh) | 一种图像标注方法、装置、计算机系统及可读存储介质 | |
| CN115984856A (zh) | 文档图像矫正模型的训练方法、文档图像的矫正方法 | |
| CN113516697B (zh) | 图像配准的方法、装置、电子设备及计算机可读存储介质 | |
| KR102003221B1 (ko) | 필기 이미지 데이터 생성 시스템 및 이를 이용한 필기 이미지 데이터 생성 방법 | |
| CN111639523B (zh) | 目标检测方法、装置、计算机设备和存储介质 | |
| CN111598093A (zh) | 图片中文字的结构化信息生成方法、装置、设备及介质 | |
| CN116737133A (zh) | 布局生成方法、设计稿布局生成方法及装置 | |
| JP6989884B1 (ja) | 電子小黒板生成装置及び電子小黒板生成方法 |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |