CN108415697B - 一种可视化组件的配置方法及装置 - Google Patents

一种可视化组件的配置方法及装置 Download PDF

Info

Publication number
CN108415697B
CN108415697B CN201810149689.2A CN201810149689A CN108415697B CN 108415697 B CN108415697 B CN 108415697B CN 201810149689 A CN201810149689 A CN 201810149689A CN 108415697 B CN108415697 B CN 108415697B
Authority
CN
China
Prior art keywords
component
visual
preset
visualization
components
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
Application number
CN201810149689.2A
Other languages
English (en)
Other versions
CN108415697A (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.)
Beijing Abt Networks Co ltd
Original Assignee
Beijing Abt Networks 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 Beijing Abt Networks Co ltd filed Critical Beijing Abt Networks Co ltd
Priority to CN201810149689.2A priority Critical patent/CN108415697B/zh
Publication of CN108415697A publication Critical patent/CN108415697A/zh
Application granted granted Critical
Publication of CN108415697B publication Critical patent/CN108415697B/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
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本申请公开一种可视化组件的配置方法及装置，为解决3D场景和2D图表融合度不高的问题而发明。该方法主要包括：在预置文件夹中，保存待构建模型的可视化组件；响应于用户操作，选取更新数据的调用类型，所述调用类型至少包括应用程序编程接口API、CSV和数据库；根据所述调用类型对应的调用规则引入所述更新数据；根据所述更新数据，重新配置所述可视化组件。本申请主要应用于可视化系统的配置过程中。

Description

一种可视化组件的配置方法及装置
技术领域
本申请涉及计算机技术领域，尤其涉及一种可视化组件的配置方法及装置。
背景技术
可视化系统是指用户通过预先编写的功能组件，在系统里进行拖拽、配置等，最终生成所需页面的系统。与程序员编写代码最终生成页面相比，由于组件的复用，大大提高了开发效率。可视化系统的前端开发主依据的技术包括超文本连接语言HTML5、层叠样式表CSS3、和JavaScript脚本，采用Echarts编辑2D可视化组件，采用基于WebGL的Three.js搭建3D可视化组件。
Echarts，是一个是使用JavaScript脚本实现的开源可视化库，可以流畅的在PC和移动设备上运行，并且能够兼容大部分浏览器，底层依赖轻量级的矢量图形库ZRender，提供直观、交互丰富、可高度个性化定制的数据可视化图表。ECharts提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图和线图等2D组件。WebGL，是一种3D绘图协议，可以为HTML5提供硬件3D加速渲染，这样开发人员就可以借助系统显卡在浏览器里流畅地展示3D场景和模型，还能创建复杂的导航和数据视觉化。
目前可视化引擎的搭建主要是为大数据可视化服务，现有的webGL3D建模技术和2D图表库并不完善，所以出现3D场景与2D图表的融合度不高的情况，同时组件的可伸缩和复用性不强。
发明内容
本申请提供了一种可视化组件的配置方法及装置，以解决3D场景和2D图表融合度不高的问题。
第一方面，本申请提供了一种可视化组件的配置方法，该方法包括：在预置文件夹中，保存待构建模型的可视化组件；响应于用户操作，选取更新数据的调用类型，所述调用类型至少包括应用程序编程接口API、CSV和数据库；根据所述调用类型对应的调用规则引入所述更新数据；根据所述更新数据，重新配置所述可视化组件。
结合第一方面，在第一方面的第一种可能实现的方式中，所述在预置文件夹中，保存待构建模型的可视化组件之前，所述方法还包括：获取用户上传的待保存组件；查找所述待保存组件的文件格式；判断所述文件格式是否属于所述预置文件夹的预置存储格式；如果判断结果为是，则确定所述待保存组件为所述可视化组件。
结合第一方面，在第一方面第二种可能的实现方式中，所述可视化组件为2D组件。
结合第一方面，在第一方面第三种可能的实现方式中，所述可视化组件为3D组件；所述在预置文件夹中，保存待构建模型的可视化组件，包括：根据预置封装方法，封装所述可视化组件；在所述预置文件夹中，保存所述封装结果。
结合第一方面，在第一方面的第四种可能的实现方式中，所述根据预置封装方法，封装所述可视化组件，包括：查找所述可视化组件的组件编号；对所述组件编号进行去重；删除无效可视化组件，所述无效可视化组件是指不具备所述组件编号的所述可视化组件。
第二方面，本申请还提供了一种可视化组件的配置装置，所述装置包括用于执行第一方面各种实现方式中方法步骤的模块。
第三方面，本申请还提供了一种终端，包括：处理器及存储器；所述处理器可以执行所述存储器中所存储的程序或指令，从而实现以第一方面各种实现方式所述可视化组件的配置方法。
第四方面，本申请还提供了一种存储介质，该计算机存储介质可存储有程序，该程序执行时可实现包括本申请提供的可视化组件的配置方法各实施例中的部分或全部步骤。
本申请提供的可视化组件的配置方法及装置，通过在预置文件夹中保存待构建模型的可视化组件，然后响应于用户操作选取更新数据的调用类型，再根据调用类型对应的调用规则引入更新数据，最后根据更新数据重新配置可视化组件。与现有技术相比，无论可视化组件是2D组件，还是3D组件，都能够实现可视化组件的统一配置，能够将满足用户需求的更新数据，实现对可视化组件的自定义配置。
附图说明
为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请提供的一种可视化组件的配置方法流程图；
图2为本申请提供的一种保存待构建模型的可视化组件的方法流程图；
图3为本申请提供的一种封装可视化组件的方法流程图；
图4为本申请提供的一种筛选可视化组件的方法流程图；
图5为本申请提供的一种可视化组件的配置装置组成框图；
图6为本申请提供的另一种可视化组件的配置装置组成框图；
图7为本申请提供的一种保存单元的组成框图；
图8为本申请提供的一种封装模块的组成框图。
具体实施方式
参见图1，为本申请提供的一种可视化组件的配置方法流程图。如图1所示，该方法包括：
101、在预置文件夹中，保存待构建模型的可视化组件。
待构建模型，是指需要构建和渲染的场景。可视化组件，是待构建模型的构建基础，可视化组件可以为2D组件，和/或3D组件。2D组件，是指二维的平面图，包括但不限于折线图、柱状图、散点图、拼图和K线图。3D组件，是指三维立体图，包括待构建模型中的3D场景。将可视化组件保存到一个文件夹中，以便于对可视化组件的统一管理。
可视化组件，可以是代码模型、可以是JSON模型、也可以是OBJ等各种CAD/3DMAX生成的静态模型。可视化组件包括预存组件和自定义组件，可视化组件能够自动保存到预置文件夹中，预置文件夹是保存可视化组件的系统预定义指定文件夹。
102、响应于用户操作，选取更新数据的调用类型。
调用类型至少包括应用程序编程接口API、CSV和数据库。以API为例说明选取调用类型的目的，API是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。为可视化组件统一配置API，无论可视化组件是2D组件、还是3D组件，都配置统一的API。
更新数据，是指用户自定义可视化组件的数据。在实际应用中，随着技术的发展，还可以对调用类型进行扩展。
103、根据所述调用类型对应的调用规则引入所述更新数据。
对引入更新数据时机，可以设置固定的时间间隔、也可以设置触发条件，还可以设置响应于用户的手动操作，在本申请实施例中对引入数据的时机不做限定。
104、根据更新数据，重新配置可视化组件。
本申请提供的可视化组件的配置方法，通过在预置文件夹中保存待构建模型的可视化组件，然后响应于用户操作选取更新数据的调用类型，再根据调用类型对应的调用规则引入更新数据，最后根据更新数据重新配置可视化组件。与现有技术相比，无论可视化组件是2D组件，还是3D组件，都能够实现可视化组件的统一配置，能够将满足用户需求的更新数据，实现对可视化组件的自定义配置。
参见图2，为本申请提供的一种保存待构建模型的可视化组件的方法流程图。如果可视化组件是3D组件，如图2所示，在预置文件夹中，保存待构建模型的可视化组件，包括：
201、根据预置封装方法，封装可视化组件。
在调用3D组件时用addJsfile文件做了一层封装，用于去重处理，以防止3D组件的源文件重复。
202、在预置文件夹中，保存封装结果。
将封装后的可视化组件保存在预置文件夹中。
参见图3，为本申请提供的一种封装可视化组件的方法流程图。如图3所示，根据预置封装方法，封装可视化组件，包括：
301、查找可视化组件的组件编号。
302、对组件编号进行去重。
303、删除无效可视化组件。
无效可视化组件是指不具组件编号的可视化组件。不同的可视化组件可以对应同一个源文件，而组件编号是指携带组件类型信息的编码，每一个组件带有唯一确定的编码，其编码是有数字和字母组成的字符串。所以在去重的过程中，以组件编号为依据进行去重处理。通过上述步骤能够实现对可视化组件的去重处理。
参见图4，为本申请提供的一种筛选可视化组件的方法流程图。如图4所示，在预置文件夹中，保存待构建模型的可视化组件之前，该方法还包括：
401、获取用户上传的待保存组件。
待保存组件，是由用户上传的，而不能保证用户上传的文件都是有效的，不能保证都能实现对组件的渲染。所以需要对用户上传的待保存组件，进行再次审查。
402、查找待保存组件的文件格式。
文件格式，是待保存组件的保存格式，通常为文件的后缀名，用“.”进行分隔。根据前述特点，易于获取文件格式，在本申请实施例中对文件格式的获取不做详述。
403、判断文件格式是否属于预置文件夹的预置存储格式。
预置存储格式是指能够进行渲染的文件格式。
404、如果判断结果为是，则确定待保存组件为可视化组件。
作为图1至4所示方法的具体实现，参见图5，为本申请提供的一种可视化组件的配置装置组成框图；参见图6，为本申请提供的另一种可视化组件的配置装置组成框图；参见图7，为本申请提供的一种保存单元的组成框图；参见图8，为本申请提供的一种封装模块的组成框图。如图5所示，该装置包括：
保存单元51，用于在预置文件夹中，保存待构建模型的可视化组件；
选取单元52，用于响应于用户操作，选取更新数据的调用类型，所述调用类型至少包括应用程序编程接口API、CSV和数据库；
引入单元53，用于根据所述调用类型对应的调用规则引入所述更新数据；
更新单元54，用于根据更新数据，重新配置可视化组件。
进一步地，如图6所示，所述该装置还包括：
获取单元55，用于所述在预置文件夹中，保存待构建模型的可视化组件之前，获取用户上传的待保存组件；
查找单元56，用于查找所述待保存组件的文件格式；
判断单元57，用于判断所述文件格式是否属于所述预置文件夹的预置存储格式；
确定单元58，用于如果判断结果为是，则确定所述待保存组件为所述可视化组件。
进一步地，可视化组件为2D组件。
进一步地，可视化组件为3D组件；
如图7所示，保存单元51，包括：
封装模块511，用于根据预置封装装置，封装可视化组件；
保存模块512，用于在预置文件夹中，保存封装结果。
进一步地，如图8所示，封装模块511，包括：
查找子模块5111，用于查找可视化组件的组件编号；
去重子模块5112，用于对组件编号进行去重；
删除子模块5113，用于删除无效可视化组件，无效可视化组件是指不具备组件编号的可视化组件。
本申请提供的可视化组件的配置装置，通过在预置文件夹中保存待构建模型的可视化组件，然后响应于用户操作选取更新数据的调用类型，再根据调用类型对应的调用规则引入更新数据，最后根据更新数据重新配置可视化组件。与现有技术相比，无论可视化组件是2D组件，还是3D组件，都能够实现可视化组件的统一配置，能够将满足用户需求的更新数据，实现对可视化组件的自定义配置。
具体实现中，本发明还提供一种计算机存储介质，其中，该计算机存储介质可存储有程序，该程序执行时可包括本发明提供的可视化组件的配置方法的各实施例中的部分或全部步骤。所述的存储介质可为磁碟、光盘、只读存储记忆体(英文：read-only memory，简称：ROM)或随机存储记忆体(英文：random access memory，简称：RAM)等。
本领域的技术人员可以清楚地了解到本发明实施例中的技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明实施例中的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
本说明书中各个实施例之间相同相似的部分互相参见即可。尤其，对于可视化组件的配置装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例中的说明即可。
以上所述的本发明实施方式并不构成对本发明保护范围的限定。

Claims (8)

1.一种可视化组件的配置方法，其特征在于，所述方法包括：
在预置文件夹中，保存待构建模型的可视化组件，所述可视化组件包括2D组件和/或3D组件；
响应于用户操作，选取更新数据的调用类型，所述调用类型至少包括应用程序编程接口API、CSV和数据库；
根据所述调用类型对应的调用规则引入所述更新数据；
根据所述更新数据，重新配置所述可视化组件。
2.如权利要求1所述的方法，其特征在于，所述在预置文件夹中，保存待构建模型的可视化组件之前，所述方法还包括：
获取用户上传的待保存组件；
查找所述待保存组件的文件格式；
判断所述文件格式是否属于所述预置文件夹的预置存储格式；
如果判断结果为是，则确定所述待保存组件为所述可视化组件。
3.如权利要求1所述的方法，其特征在于，所述可视化组件为3D组件；
所述在预置文件夹中，保存待构建模型的可视化组件，包括：
根据预置封装方法，封装所述可视化组件；
在所述预置文件夹中，保存所述封装结果。
4.如权利要求3所述的方法，其特征在于，所述根据预置封装方法，封装所述可视化组件，包括：
查找所述可视化组件的组件编号；
对所述组件编号进行去重；
删除无效可视化组件，所述无效可视化组件是指不具备所述组件编号的所述可视化组件。
5.一种可视化组件的配置装置，其特征在于，所述装置包括：
保存单元，用于在预置文件夹中，保存待构建模型的可视化组件，所述可视化组件包括2D组件和/或3D组件；
选取单元，用于响应于用户操作，选取更新数据的调用类型，所述调用类型至少包括应用程序编程接口API、CSV和数据库；
引入单元，用于根据所述调用类型对应的调用规则引入所述更新数据；
更新单元，用于根据所述更新数据，重新配置所述可视化组件。
6.如权利要求5所述的装置，其特征在于，所述装置还包括：
获取单元，用于所述在预置文件夹中，保存待构建模型的可视化组件之前，获取用户上传的待保存组件；
查找单元，用于查找所述待保存组件的文件格式；
判断单元，用于判断所述文件格式是否属于所述预置文件夹的预置存储格式；
确定单元，用于如果判断结果为是，则确定所述待保存组件为所述可视化组件。
7.如权利要求5所述的装置，其特征在于，所述可视化组件为3D组件；
所述保存单元，包括：
封装模块，用于根据预置封装装置，封装所述可视化组件；
保存模块，用于在所述预置文件夹中，保存所述封装结果。
8.如权利要求7所述的装置，其特征在于，所述封装模块，包括：
查找子模块，用于查找所述可视化组件的组件编号；
去重子模块，用于对所述组件编号进行去重；
删除子模块，用于删除无效可视化组件，所述无效可视化组件是指不具备所述组件编号的所述可视化组件。
CN201810149689.2A 2018-02-13 2018-02-13 一种可视化组件的配置方法及装置 Active CN108415697B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810149689.2A CN108415697B (zh) 2018-02-13 2018-02-13 一种可视化组件的配置方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810149689.2A CN108415697B (zh) 2018-02-13 2018-02-13 一种可视化组件的配置方法及装置

Publications (2)

Publication Number Publication Date
CN108415697A CN108415697A (zh) 2018-08-17
CN108415697B true CN108415697B (zh) 2021-06-04

Family

ID=63128725

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810149689.2A Active CN108415697B (zh) 2018-02-13 2018-02-13 一种可视化组件的配置方法及装置

Country Status (1)

Country Link
CN (1) CN108415697B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109857396B (zh) * 2019-01-11 2023-11-17 平安科技（深圳）有限公司 组件构建方法及装置、存储介质、电子设备
CN109949395A (zh) * 2019-03-15 2019-06-28 智慧足迹数据科技有限公司 热力图渲染方法及装置
CN111580809A (zh) * 2020-05-07 2020-08-25 讯飞幻境(北京)科技有限公司 一种可视化webgl框架构建方法、装置及计算机设备
CN111813865B (zh) * 2020-07-30 2023-07-18 浪潮通用软件有限公司 一种可视化组件数据交互的方法、系统、设备及介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101807209A (zh) * 2010-04-14 2010-08-18 深圳市同洲电子股份有限公司 网页制作的方法和系统，客户端、服务端
CN102662651A (zh) * 2012-03-08 2012-09-12 北京神州数码思特奇信息技术股份有限公司 可视化组件的生成方法和生成模块

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040168115A1 (en) * 2003-02-21 2004-08-26 Bauernschmidt Bill G. Method and system for visualizing data from multiple, cached data sources with user defined treemap reports

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101807209A (zh) * 2010-04-14 2010-08-18 深圳市同洲电子股份有限公司 网页制作的方法和系统，客户端、服务端
CN102662651A (zh) * 2012-03-08 2012-09-12 北京神州数码思特奇信息技术股份有限公司 可视化组件的生成方法和生成模块

Also Published As

Publication number Publication date
CN108415697A (zh) 2018-08-17

Similar Documents

Publication Publication Date Title
CN108415697B (zh) 一种可视化组件的配置方法及装置
US12008312B2 (en) Systems and methods for conversion of web content into reusable templates and components
CN109634598B (zh) 一种页面显示方法、装置、设备及存储介质
CN108897567B (zh) 基于Unity的软件加载文件的方法、装置、设备及存储介质
CN109448100B (zh) 三维模型格式转换方法、系统、计算机设备及存储介质
CN113504908A (zh) 业务代码生成方法、装置、电子设备及计算机可读介质
US11733973B2 (en) Interactive graphic design system to enable creation and use of variant component sets for interactive objects
US9171098B2 (en) Decomposing markup language elements for animation
WO2015164108A1 (en) Decoupling front end page and back end using tags
CN108874379B (zh) 页面的处理方法及装置
CN109063223B (zh) Bim模型的轻量化方法和装置以及bim模型的处理方法和系统
CN109035372B (zh) 编辑动态模型的方法、装置、设备及存储介质
CN107679168B (zh) 一种基于java平台的目标网站内容获取方法
CN113168412A (zh) 数据过滤设备
CN112560403A (zh) 文本的处理方法及装置、电子设备
CN113485746B (zh) 应用程序接口文档的生成方法及装置
CN114936336A (zh) 防篡改的前端水印创建方法及其应用
CN114327395A (zh) 网页设计方法、装置、计算机设备、存储介质和产品
CN111198899B (zh) 应用程序中实体渲染的开发系统及方法
CN112486378A (zh) 图形生成方法、装置、终端及存储介质
CN105183491A (zh) 跨平台的桌面gis系统及其启动方法
US20130159889A1 (en) Obtaining Rendering Co-ordinates Of Visible Text Elements
CN113378334B (zh) 地下管线参数化建模方法、系统及计算机可读存储介质
CN116931926A (zh) 基于配置的低代码二维地图开发方法和系统
CN116595284B (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