CN112528191A - 用于Web数据可视化的动态布局引擎装置及使用方法 - Google Patents

用于Web数据可视化的动态布局引擎装置及使用方法 Download PDF

Info

Publication number
CN112528191A
CN112528191A CN202011579521.9A CN202011579521A CN112528191A CN 112528191 A CN112528191 A CN 112528191A CN 202011579521 A CN202011579521 A CN 202011579521A CN 112528191 A CN112528191 A CN 112528191A
Authority
CN
China
Prior art keywords
layout
module
layout mode
mode
data 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.)
Granted
Application number
CN202011579521.9A
Other languages
English (en)
Other versions
CN112528191B (zh
Inventor
张强
谢吉伦
徐冉
刘涛
林秀
田宁
韩薇
邵长军
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shandong Luruan Digital Technology Co Ltd
Original Assignee
Shandong Luneng Software Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shandong Luneng Software Technology Co Ltd filed Critical Shandong Luneng Software Technology Co Ltd
Priority to CN202011579521.9A priority Critical patent/CN112528191B/zh
Publication of CN112528191A publication Critical patent/CN112528191A/zh
Application granted granted Critical
Publication of CN112528191B publication Critical patent/CN112528191B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • 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
    • 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/46—Multiprogramming arrangements
    • G06F9/48—Program initiating; Program switching, e.g. by interrupt
    • G06F9/4806—Task transfer initiation or dispatching
    • G06F9/4843—Task transfer initiation or dispatching by program, e.g. task dispatcher, supervisor, operating system
    • G06F9/485—Task life-cycle, e.g. stopping, restarting, resuming execution
    • 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/46—Multiprogramming arrangements
    • G06F9/54—Interprogram communication
    • G06F9/542—Event management; Broadcasting; Multicasting; Notifications

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Multimedia (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供一种用于Web数据可视化的动态布局引擎装置及使用方法，所述装置包括：布局容器模块，用于放置Web可视化组件，并执行布局模式转换器的动作，实现布局模式的动态切换；自动触发单元，用于存放来自不同布局模式的触发条件，以及检测Web运行环境，当触发条件满足后，通知进行布局模式切换；手动触发单元，用于接收用户的主动调用，通知布局模式转换器进行布局模式切换；布局模式管理器模块，用于注册及选择支持的布局模式；布局模式转换器模块，用于从布局模式管理器模块获取源布局模式，将源布局模式中的Web可视化组件信息提交给目标布局模式执行布局模式转换，并使用绘图引擎对Web可视化组件进行渲染。

Description

用于Web数据可视化的动态布局引擎装置及使用方法
技术领域
本发明属于数据可视化及页面布局技术领域，具体涉及一种用于Web数据可视化的动态布局引擎装置及使用方法。
背景技术
在数据可视化展示过程中，越来越多的Web系统采用页面拖拽技术实现可视化组件的布局展示。传统的简单页面拖拽布局方式在面对不同的应用场景、不同的业务方向、不同的用户习惯时显得捉襟见肘，而能够满足复杂场景的布局方式在面对短时、快捷的数据可视化页面构建时又显得大器小用，往往使用起来极不便利。
另一方面，在Web页面展示时由于受到浏览器技术的限制，一些先进的布局渲染技巧无法在老旧的浏览器中使用，该限制致使进行数据可视化布局实现时，或则丢失掉使用老旧浏览器的用户群体，或则为兼顾此用户群体而放弃先进的技术及相应技术下的更优性能和更佳体验。
此为现有技术的不足，因此，针对现有技术中的上述缺陷，提供一种用于Web数据可视化的动态布局引擎装置及使用方法，是非常有必要的。
发明内容
针对现有技术的上述可视化页面布局采用传统的页面拖拽布局方式，无法满足多样的场景、业务方向及用户习惯，而复杂场景布局方式在简单的可视化页面构建时，又浪费资源的缺陷，本发明提供一种用于Web数据可视化的动态布局引擎装置及使用方法，以解决上述技术问题。
第一方面，本发明提供一种用于Web数据可视化的动态布局引擎装置，包括引擎核心、布局切换触发器模块、布局模式管理模块以及布局模式转换器模块；
其中，引擎核心包括布局容器模块；
布局切换触发器模块包括手动触发器单元和自动触发器单元；
布局容器模块，用于放置Web数据可视化组件，并执行布局模式转换器模块的动作，实现布局模式的动态切换；
布局切换触发器模块的自动触发单元，用于存放来自不同布局模式的触发条件，以及检测Web运行环境，当某个布局模式的触发条件满足后，通知布局模式转换器模块进行布局模式切换；
布局切换触发器模块的手动触发单元，用于接收用户的主动调用，通知布局模式转换器模块进行布局模式切换；
布局模式管理器模块，用于注册及选择支持的布局模式；
布局模式转换器模块，用于布局切换触发器模块被触发后，从布局模式管理器模块获取源布局模式，将源布局模式中的Web数据可视化组件信息提交给目标布局模式执行布局模式转换，并使用绘图引擎对Web数据可视化组件进行渲染。
进一步地，还包括事件管理器模块；
引擎核心还包括组件生命周期管理器模块；
事件管理器模块，用于收集动态布局引擎装置工作过程中产生的事件，并将事件响应给组件生命周期管理器模块；
组件生命周期管理器模块，用于将事件管理器模块反馈的事件响应给Web数据可视化组件，使得Web数据可视化组件判断自身所处的生命周期状态，判断是否进行数据操作。
进一步地，组件生命周期管理模块根据事件管理器反馈的事件判断是否进行数据加载或重绘操作。
进一步地，布局切换触发器模块的自动触发单元中存放的触发条件包括但不限于判定浏览器类型及版本、支持的绘图引擎及对各绘图引擎的支持范围、是否支持CSS3技术及支持的具体特性。
进一步地，布局模式管理器模块的布局模式包括自由布局模式、快捷布局模式以及自适应布局模式。
第二方面，本发明提供一种用于Web数据可视化的动态布局引擎使用方法，其特征在于，包括如下步骤：
S1.布局切换触发器模块判断手动触发器单元是否被触发；
若是，通知布局模式转换器模块，进入步骤S3；
若否，进入步骤S2；
S2.布局切换触发器模块判断当前Web运行环境是否满足布局模式管理器模块中某个布局模式的触发条件，并在满足触发条件时，将对应的布局模式作为目标布局模式，再通知布局模式转换器模块；
S3.布局模式转换器模块接收布局切换触发器模块的通知，获取源布局模式及目标布局模式，执行布局模式切换，对布局容器模块进行渲染。
进一步地，步骤S2具体步骤如下：
S21.布局切换触发器模块检测当前Web运行环境；
S22.布局切换触发器模块判断当前Web运行环境是否满足布局模式管理器模块中某个布局模式的触发条件；
若是，进入步骤S23；
若否，进入步骤S24；
S23.布局切换触发器模块将触发条件满足的布局模式作为目标布局模式，并通知布局模式转换器模块，进入步骤S3；
S24.布局切换触发器模块判断当前Web运行环境不满足布局切换触发条件，结束。
进一步地，步骤S22具体步骤如下：
S221.布局切换触发器模块从布局模式管理器模块注册过的布局模式选择一个，并将该布局模式的触发条件导入自动触发单元；
S222.布局切换触发器模块判断当前Web运行环境是否满足自动触发单元的触发条件；
若是，进入步骤S23；
若否，进入步骤S223；
S223.布局切换触发器模块判断是否仍有布局模块未被比较；
若是，返回步骤S2221；
若否，进入步骤S24。
进一步地，步骤S3具体步骤如下：
S31.布局模式转换器模块接收布局切换触发器模块的通知，判断布局容器模块是否已有Web数据可视化组件；
若有，进入步骤S32；
若否，进入步骤S35；
S32.布局模式转换器模块将已有Web数据可视化组件的布局模式作为源布局模式；
S33.布局模式转换器模块根据源布局模式和目标布局模式选择相应的布局模式转换器；
S34.布局模式转换器模块使用选择的布局模式转换器执行布局模式切换，将源布局模式转换为目标布局模式；
S35.布局模式转换器模块根据目标布局模式重新渲染布局容器模块，布局模式切换完成。
进一步地，步骤S35中，布局模式转换器模块采用Web浏览器的DOM绘图引擎、SVG绘图引擎或者Canvas绘图引擎进行布局容器模块的页面渲染。
本发明的有益效果在于，
本发明提供的用于Web数据可视化的动态布局引擎装置及使用方法，消除Web数据可视化组件展示过程中的单一布局模式瓶颈，既能满足复杂的应用场景，又能满足简单快速的应用场景；本发明使得用户可以按实际的业务场景需要、主观意愿以及习惯选择符合适的布局模式。本发明在技术实现层面还可以动态自动选择符合浏览器技术限定的布局模式，既能保留新型浏览器更优的性能及更佳的体验，又不失兼容低版本陈旧浏览器的能力。
此外，本发明设计原理可靠，结构简单，具有非常广泛的应用前景。
由此可见，本发明与现有技术相比，具有突出的实质性特点和显著的进步，其实施的有益效果也是显而易见的。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明的用于Web数据可视化的动态布局引擎装置示意图；
图2是本发明的用于Web数据可视化的动态布局引擎装置使用方法流程示意图一；
图3为本发明的用于Web数据可视化的动态布局引擎装置使用方法流程示意图二。
图中，1-引擎核心；2-布局切换触发器模块；3-布局模式管理模块；4-布局模式转换器模块；5-布局容器模块；6-事件管理器模块；7-组件生命周期管理器模块。
具体实施方式
为了使本技术领域的人员更好地理解本发明中的技术方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
实施例1：
如图1所示，本发明提供一种用于Web数据可视化的动态布局引擎装置，包括引擎核心1、布局切换触发器模块2、布局模式管理模块3以及布局模式转换器模块4；
其中，引擎核心1包括布局容器模块5；
布局切换触发器模块2包括手动触发器单元和自动触发器单元；
布局容器模块5，用于放置Web数据可视化组件，并执行布局模式转换器模块的动作，实现布局模式的动态切换；
布局切换触发器模块2的自动触发单元，用于存放来自不同布局模式的触发条件，以及检测Web运行环境，当某个布局模式的触发条件满足后，通知布局模式转换器模块4进行布局模式切换；
布局切换触发器模块2的手动触发单元，用于接收用户的主动调用，通知布局模式转换器模块4进行布局模式切换；
布局模式管理器模块3，用于注册及选择支持的布局模式；
布局模式转换器模块4，用于布局切换触发器模块2被触发后，从布局模式管理器模块获取源布局模式，将源布局模式中的Web数据可视化组件信息提交给目标布局模式执行布局模式转换，并使用绘图引擎对Web数据可视化组件进行渲染。
实施例2：
如图1所示，本发明提供一种用于Web数据可视化的动态布局引擎装置，包括引擎核心1、布局切换触发器模块2、布局模式管理模块3、布局模式转换器模块4以及事件管理器模块6；
其中，引擎核心1包括布局容器模块5和组件生命管理周期6；
布局切换触发器模块2包括手动触发器单元和自动触发器单元；
布局容器模块5，用于放置Web数据可视化组件，并执行布局模式转换器模块的动作，实现布局模式的动态切换；
布局切换触发器模块2的自动触发单元，用于存放来自不同布局模式的触发条件，以及检测Web运行环境，当某个布局模式的触发条件满足后，通知布局模式转换器模块4进行布局模式切换；触发条件包括但不限于判定浏览器类型及版本、支持的绘图引擎及对各绘图引擎的支持范围、是否支持CSS3技术及支持的具体特性；所述触发条件对绘图引擎的支持范围指的是对绘图引擎的支持程度，例如对该绘图引擎不能达到此种支持程度，则满足触发条件；支持的具体特性，例如：基于Canvas的自由布局模式中会将浏览器是否支持Canvas引擎及该引擎的一些必要特性作为触发条件，一旦满足触发条件，布局切换触发器模块会自动切换至相应的布局模式并重新渲染布局容器模块；
布局切换触发器模块2的手动触发单元，用于接收用户的主动调用，通知布局模式转换器模块4进行布局模式切换；
布局模式管理器模块3，用于注册及选择支持的布局模式；布局模式包括自由布局模式、快捷布局模式以及自适应布局模式；自由布局模式，用以实现复杂的数据可视化布局，它允许用户自由拖拽并摆放数据可视化组件；快捷布局模式，提供一些常用的布局模版供用户选择，如3*3的表格布局或左右等分的布局，它虽不可变更但因其通用性较强，可以快速实现简单场景的可视化布局需求；自适应布局模式，则根据Web数据可视化组件的尺寸占比由布局模式计算其布局位置并尽可能地将数据可视化组件占满布局容器模块，它具备有限程度的自动布局能力，由此可以满足用户介于复杂与简单之间的布局需求；
布局模式转换器模块4，用于布局切换触发器模块2被触发后，从布局模式管理器模块获取源布局模式，将源布局模式中的Web数据可视化组件信息提交给目标布局模式执行布局模式转换，并使用绘图引擎对Web数据可视化组件进行渲染；以“基于SVG的3*3表格快捷布局模式”转换为“基于Canvas的自由布局模式”为例，布局模式转换器模块会将一个3*3表格中的9个Web数据可视化组件及其位置信息存入数组结构中，同时记录源布局模式的布局容器模块尺寸，当进行布局模式转换时，按照自由布局模式的坐标系及布局容器模块尺寸，将9个Web数据可视化组件的位置映射其中，之后通知组件生命周期管理器模块其绘图引擎改变为Canvas，Web数据可视化组件将使用Canvas引擎进行重绘工作；
事件管理器模块6，用于收集动态布局引擎装置工作过程中产生的事件，并将事件响应给组件生命周期管理器模块7；
组件生命周期管理器模块7，用于将事件管理器模块6反馈的事件响应给Web数据可视化组件，使得Web数据可视化组件判断自身所处的生命周期状态，例如正在布局渲染中还是布局渲染结束，判断是否进行数据操作；所述数据操作包括数据加载或重绘操作。
实施例3：
如图2所示，本发明提供一种用于Web数据可视化的动态布局引擎装置使用方法，包括如下步骤：
S1.布局切换触发器模块判断手动触发器单元是否被触发；
若是，通知布局模式转换器模块，进入步骤S3；
若否，进入步骤S2；
S2.布局切换触发器模块判断当前Web运行环境是否满足布局模式管理器模块中某个布局模式的触发条件，并在满足触发条件时，将对应的布局模式作为目标布局模式，再通知布局模式转换器模块；
S3.布局模式转换器模块接收布局切换触发器模块的通知，获取源布局模式及目标布局模式，执行布局模式切换，对布局容器模块进行渲染。
实施例4：
如图3所示，本发明提供一种用于Web数据可视化的动态布局引擎装置使用方法，包括如下步骤：
S1.布局切换触发器模块判断手动触发器单元是否被触发；
若是，通知布局模式转换器模块，进入步骤S3；
若否，进入步骤S2；
S2.布局切换触发器模块判断当前Web运行环境是否满足布局模式管理器模块中某个布局模式的触发条件，并在满足触发条件时，将对应的布局模式作为目标布局模式，再通知布局模式转换器模块；具体步骤如下：
S21.布局切换触发器模块检测当前Web运行环境；
S22.布局切换触发器模块判断当前Web运行环境是否满足布局模式管理器模块中某个布局模式的触发条件；具体步骤如下：
S221.布局切换触发器模块从布局模式管理器模块注册过的布局模式选择一个，并将该布局模式的触发条件导入自动触发单元；
S222.布局切换触发器模块判断当前Web运行环境是否满足自动触发单元的触发条件；
若是，进入步骤S23；
若否，进入步骤S223；
S223.布局切换触发器模块判断是否仍有布局模块未被比较；
若是，返回步骤S2221；
若否，进入步骤S24；
S23.布局切换触发器模块将触发条件满足的布局模式作为目标布局模式，并通知布局模式转换器模块，进入步骤S3；
S24.布局切换触发器模块判断当前Web运行环境不满足布局切换触发条件，结束；
S3.布局模式转换器模块接收布局切换触发器模块的通知，获取源布局模式及目标布局模式，执行布局模式切换，对布局容器模块进行渲染；具体步骤如下：
S31.布局模式转换器模块接收布局切换触发器模块的通知，判断布局容器模块是否已有Web数据可视化组件；
若有，进入步骤S32；
若否，进入步骤S35；
S32.布局模式转换器模块将已有Web数据可视化组件的布局模式作为源布局模式；
S33.布局模式转换器模块根据源布局模式和目标布局模式选择相应的布局模式转换器；
S34.布局模式转换器模块使用选择的布局模式转换器执行布局模式切换，将源布局模式转换为目标布局模式；
S35.布局模式转换器模块根据目标布局模式重新渲染布局容器模块，布局模式切换完成。
在上述实施例4中，步骤S35中，布局模式转换器模块采用Web浏览器的DOM绘图引擎、SVG绘图引擎或者Canvas绘图引擎进行布局容器模块的页面渲染。
尽管通过参考附图并结合优选实施例的方式对本发明进行了详细描述，但本发明并不限于此。在不脱离本发明的精神和实质的前提下，本领域普通技术人员可以对本发明的实施例进行各种等效的修改或替换，而这些修改或替换都应在本发明的涵盖范围内/任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种用于Web数据可视化的动态布局引擎装置，其特征在于，包括引擎核心(1)、布局切换触发器模块(2)、布局模式管理模块(3)以及布局模式转换器模块(4)；
其中，引擎核心(1)包括布局容器模块(5)；
布局切换触发器模块(2)包括手动触发器单元和自动触发器单元；
布局容器模块(5)，用于放置Web数据可视化组件，并执行布局模式转换器模块的动作，实现布局模式的动态切换；
布局切换触发器模块(2)的自动触发单元，用于存放来自不同布局模式的触发条件，以及检测Web运行环境，当某个布局模式的触发条件满足后，通知布局模式转换器模块(4)进行布局模式切换；
布局切换触发器模块(2)的手动触发单元，用于接收用户的主动调用，通知布局模式转换器模块(4)进行布局模式切换；
布局模式管理器模块(3)，用于注册及选择支持的布局模式；
布局模式转换器模块(4)，用于布局切换触发器模块(2)被触发后，从布局模式管理器模块获取源布局模式，将源布局模式中的Web数据可视化组件信息提交给目标布局模式执行布局模式转换，并使用绘图引擎对Web数据可视化组件进行渲染。
2.如权利要求1所述的用于Web数据可视化的动态布局引擎装置，其特征在于，还包括事件管理器模块(6)；
引擎核心(1)还包括组件生命周期管理器模块(7)；
事件管理器模块(6)，用于收集动态布局引擎装置工作过程中产生的事件，并将事件响应给组件生命周期管理器模块(7)；
组件生命周期管理器模块(7)，用于将事件管理器模块(6)反馈的事件响应给Web数据可视化组件，使得Web数据可视化组件判断自身所处的生命周期状态，判断是否进行数据操作。
3.如权利要求2所述的用于Web数据可视化的动态布局引擎装置，其特征在于，组件生命周期管理模块(7)根据事件管理器反馈的事件判断是否进行数据加载或重绘操作。
4.如权利要求1所述的用于Web数据可视化的动态布局引擎装置，其特征在于，布局切换触发器模块(2)的自动触发单元中存放的触发条件包括但不限于判定浏览器类型及版本、支持的绘图引擎及对各绘图引擎的支持范围、是否支持CSS3技术及支持CSS3技术的具体特性。
5.如权利要求1所述的用于Web数据可视化的动态布局引擎装置，其特征在于，布局模式管理器模块(3)的布局模式包括自由布局模式、快捷布局模式以及自适应布局模式。
6.一种用于Web数据可视化的动态布局引擎装置使用方法，其特征在于，包括如下步骤：
S1.布局切换触发器模块判断手动触发器单元是否被触发；
若是，通知布局模式转换器模块，进入步骤S3；
若否，进入步骤S2；
S2.布局切换触发器模块判断当前Web运行环境是否满足布局模式管理器模块中某个布局模式的触发条件，并在满足触发条件时，将对应的布局模式作为目标布局模式，再通知布局模式转换器模块；
S3.布局模式转换器模块接收布局切换触发器模块的通知，获取源布局模式及目标布局模式，执行布局模式切换，对布局容器模块进行渲染。
7.如权利要求6所述的用于Web数据可视化的动态布局引擎装置使用方法，其特征在于，步骤S2具体步骤如下：
S21.布局切换触发器模块检测当前Web运行环境；
S22.布局切换触发器模块判断当前Web运行环境是否满足布局模式管理器模块中某个布局模式的触发条件；
若是，进入步骤S23；
若否，进入步骤S24；
S23.布局切换触发器模块将触发条件满足的布局模式作为目标布局模式，并通知布局模式转换器模块，进入步骤S3；
S24.布局切换触发器模块判断当前Web运行环境不满足布局切换触发条件，结束。
8.如权利要求7所述的用于Web数据可视化的动态布局引擎装置使用方法，其特征在于，步骤S22具体步骤如下：
S221.布局切换触发器模块从布局模式管理器模块注册过的布局模式选择一个，并将该布局模式的触发条件导入自动触发单元；
S222.布局切换触发器模块判断当前Web运行环境是否满足自动触发单元的触发条件；
若是，进入步骤S23；
若否，进入步骤S223；
S223.布局切换触发器模块判断是否仍有布局模块未被比较；
若是，返回步骤S2221；
若否，进入步骤S24。
9.如权利要求6所述的用于Web数据可视化的动态布局引擎装置使用方法，其特征在于，步骤S3具体步骤如下：
S31.布局模式转换器模块接收布局切换触发器模块的通知，判断布局容器模块是否已有Web数据可视化组件；
若有，进入步骤S32；
若否，进入步骤S35；
S32.布局模式转换器模块将已有Web数据可视化组件的布局模式作为源布局模式；
S33.布局模式转换器模块根据源布局模式和目标布局模式选择相应的布局模式转换器；
S34.布局模式转换器模块使用选择的布局模式转换器执行布局模式切换，将源布局模式转换为目标布局模式；
S35.布局模式转换器模块根据目标布局模式重新渲染布局容器模块，布局模式切换完成。
10.如权利要求9所述的用于Web数据可视化的动态布局引擎装置使用方法，其特征在于，步骤S35中，布局模式转换器模块采用Web浏览器的DOM绘图引擎、SVG绘图引擎或者Canvas绘图引擎进行布局容器模块的页面渲染。
CN202011579521.9A 2020-12-28 2020-12-28 用于Web数据可视化的动态布局引擎装置及使用方法 Active CN112528191B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011579521.9A CN112528191B (zh) 2020-12-28 2020-12-28 用于Web数据可视化的动态布局引擎装置及使用方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011579521.9A CN112528191B (zh) 2020-12-28 2020-12-28 用于Web数据可视化的动态布局引擎装置及使用方法

Publications (2)

Publication Number Publication Date
CN112528191A true CN112528191A (zh) 2021-03-19
CN112528191B CN112528191B (zh) 2022-12-16

Family

ID=74976887

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011579521.9A Active CN112528191B (zh) 2020-12-28 2020-12-28 用于Web数据可视化的动态布局引擎装置及使用方法

Country Status (1)

Country Link
CN (1) CN112528191B (zh)

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070157082A1 (en) * 2006-01-04 2007-07-05 Computer Associates Think, Inc. Web portal layout manager system and method
US20100169821A1 (en) * 2007-05-29 2010-07-01 Teruhisa Masui Layout switching device, screen generating device for moving object,information display system for moving object,moving object,and control method
CN102065106A (zh) * 2009-11-16 2011-05-18 中国电信股份有限公司 Web流量梳理器和终端访问Web网页的方法及系统
US8504925B1 (en) * 2005-06-27 2013-08-06 Oracle America, Inc. Automated animated transitions between screens of a GUI application
CN103412928A (zh) * 2013-08-16 2013-11-27 北京乐动卓越科技有限公司 一种在移动终端实现浏览器页面智能响应式布局的方法与装置
US20140229818A1 (en) * 2013-02-12 2014-08-14 Yahoo! Inc. Dynamic generation of mobile web experience
CN106484898A (zh) * 2016-10-21 2017-03-08 用友网络科技股份有限公司 一种动态生成Web系统页面的方法及装置
CN107368487A (zh) * 2016-05-12 2017-11-21 阿里巴巴集团控股有限公司 一种页面组件动态布局方法、装置及客户端
CN109089070A (zh) * 2018-09-26 2018-12-25 福建星网智慧科技股份有限公司 一种视讯会议终端的布局切换方法及系统
CN110597586A (zh) * 2019-08-19 2019-12-20 北京邮电大学 基于拖拽的组件化布局大屏方法和装置
CN111309320A (zh) * 2018-12-12 2020-06-19 玲珑视界科技（北京）有限公司 一种首页界面定制方法及系统
US20200372206A1 (en) * 2019-05-20 2020-11-26 Wix.Com Ltd. System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8504925B1 (en) * 2005-06-27 2013-08-06 Oracle America, Inc. Automated animated transitions between screens of a GUI application
US20070157082A1 (en) * 2006-01-04 2007-07-05 Computer Associates Think, Inc. Web portal layout manager system and method
US20100169821A1 (en) * 2007-05-29 2010-07-01 Teruhisa Masui Layout switching device, screen generating device for moving object,information display system for moving object,moving object,and control method
CN102065106A (zh) * 2009-11-16 2011-05-18 中国电信股份有限公司 Web流量梳理器和终端访问Web网页的方法及系统
US20140229818A1 (en) * 2013-02-12 2014-08-14 Yahoo! Inc. Dynamic generation of mobile web experience
CN103412928A (zh) * 2013-08-16 2013-11-27 北京乐动卓越科技有限公司 一种在移动终端实现浏览器页面智能响应式布局的方法与装置
CN107368487A (zh) * 2016-05-12 2017-11-21 阿里巴巴集团控股有限公司 一种页面组件动态布局方法、装置及客户端
CN106484898A (zh) * 2016-10-21 2017-03-08 用友网络科技股份有限公司 一种动态生成Web系统页面的方法及装置
CN109089070A (zh) * 2018-09-26 2018-12-25 福建星网智慧科技股份有限公司 一种视讯会议终端的布局切换方法及系统
CN111309320A (zh) * 2018-12-12 2020-06-19 玲珑视界科技（北京）有限公司 一种首页界面定制方法及系统
US20200372206A1 (en) * 2019-05-20 2020-11-26 Wix.Com Ltd. System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout
CN110597586A (zh) * 2019-08-19 2019-12-20 北京邮电大学 基于拖拽的组件化布局大屏方法和装置

Also Published As

Publication number Publication date
CN112528191B (zh) 2022-12-16

Similar Documents

Publication Publication Date Title
CN108512695B (zh) 监控应用卡顿的方法及装置
EP2509390B1 (en) Method and mobile terminal for processing contacts
CN112257135B (zh) 一种基于多线程的模型加载方法、装置、存储介质及终端
CN107861982A (zh) 动态确定应用程序页面布局的方法、终端、服务器及系统
CN107220076A (zh) 一种内存回收方法及装置
CN110533755A (zh) 一种场景渲染的方法以及相关装置
CN103543903A (zh) 快捷操作方法、装置及移动终端
CN110796725A (zh) 一种数据渲染方法、装置、终端及存储介质
CN106445441A (zh) 一种消息显示方法及系统
CN104754140A (zh) 一种界面显示的方法及装置
CN111984130A (zh) 快捷操作方法、装置及电子设备
CN106569812A (zh) 一种移动终端的应用程序通知处理方法及系统
CN106468994A (zh) 一种应用程序的处理方法和装置
CN103179153B (zh) 移动终端和基于云端服务器的移动终端数据备份方法
CN109925715B (zh) 一种虚拟水域生成方法、装置及终端
CN112528191B (zh) 用于Web数据可视化的动态布局引擎装置及使用方法
CN109901893A (zh) 应用小程序的数据流管理方法
CN104793837A (zh) 图形生成方法及装置
CN116627521A (zh) 业务模块预加载方法、跳转方法、装置及存储介质
CN117632460A (zh) 一种负载调节方法及终端设备
CN115630241A (zh) 页面显示方法、装置、电子设备及存储介质
CN105242836B (zh) 菜单显示方法及装置
CN113384893A (zh) 一种数据处理方法、装置及计算机可读存储介质
CN101419551A (zh) 在交互操作软件中进行面板更新的方法及装置
CN102707862B (zh) 一种控制方法、装置及电子设备

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
CP01 Change in the name or title of a patent holder
CP01 Change in the name or title of a patent holder

Address after: Yinhe building, 2008 Xinluo street, high tech Industrial Development Zone, Jinan City, Shandong Province

Patentee after: Shandong luruan Digital Technology Co.,Ltd.

Address before: Yinhe building, 2008 Xinluo street, high tech Industrial Development Zone, Jinan City, Shandong Province

Patentee before: SHANDONG LUNENG SOFTWARE TECHNOLOGY Co.,Ltd.