CN113869016A - 图表配置方法、装置及计算机程序产品 - Google Patents
图表配置方法、装置及计算机程序产品 Download PDFInfo
- Publication number
- CN113869016A CN113869016A CN202111145799.XA CN202111145799A CN113869016A CN 113869016 A CN113869016 A CN 113869016A CN 202111145799 A CN202111145799 A CN 202111145799A CN 113869016 A CN113869016 A CN 113869016A
- Authority
- CN
- China
- Prior art keywords
- application
- code
- component
- application code
- chart
- 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 75
- 238000004590 computer program Methods 0.000 title claims abstract description 23
- 238000011161 development Methods 0.000 claims abstract description 37
- 238000009877 rendering Methods 0.000 claims abstract description 30
- 238000010586 diagram Methods 0.000 description 11
- 238000013079 data visualisation Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000008020 evaporation Effects 0.000 description 2
- 238000001704 evaporation Methods 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000001556 precipitation Methods 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000002255 vaccination Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/174—Form filling; Merging
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/186—Templates
-
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Stored Programmes (AREA)
Abstract
本申请提出了一种图表配置方法、装置及计算机程序产品,所述方法包括:生成应用组件,为每个所述应用组件创建第一应用代码并生成所述第一应用代码的代码加载命令,将所述第一应用代码存储于应用代码存储库中;获取并解析所述代码加载命令得到所述应用组件的唯一标识和组件版本号,根据所述唯一标识和所述组件版本号向所述应用代码存储库发送请求信息请求与所述应用组件对应的所述第一应用代码;对获取到的所述第一应用代码进行二次开发,得到第二应用代码。本申请能够在代码编辑器中对第一应用代码进行二次开发,加载开发得到的第二应用代码调用对应的应用组件执行图表渲染。因此明显提高了开发效率和应用代码的可扩展性。
Description
技术领域
本申请涉及前端数据可视化领域,特别是涉及一种图表配置方法、装置及计算机程序产品。
背景技术
“数据可视化”指的是将数据转换成图形或者图像在屏幕上显示出来,从而帮助我们快速、准确理解数据,一直以来是热门方向。其中,通过图表形式展现数据“数据可视化”的常用手段。
ECharts是一款基于Javascript的数据可视化图表库,提供直观、生动、可交互、可个性化定制的数据可视化图表。虽然ECharts的配置项丰富,但其相应的参数配置过也过于庞大且层级复杂,导致难以查找和准确记忆。因此市场中涌现出一批以v-charts为代表的,通过生成数据和少量配置,快速生成echarts图表的组件化***。进一步地,为了降低开发门槛,市场中涌现出一批基于所述v-charts的低代码***,例如申请号为202010650518.5的中国专利提供了一种通过直接封装ECharts配置项,生成逻辑在组件内部,避免了开发者直接生成繁琐的配置项的方法。
上述组件化***通过配置的方式生成echarts图表,这是从降低echarts开发门槛的角度出发进行的优化。而对于javascript开发者而言,在使用组件化***时往往需要对组件灵活应用,因而需要对组件的应用代码进行微调或进行扩展开发。所以,组件的应用代码支持二次开发,灵活的扩展性和提高开发效率,才是其核心诉求。
综上,针对现有的基于组件库的图表配置方法无法对组件的应用代码进行编辑虽然降低了开发门槛但是对开发者而言扩展性差的问题,目前尚未得到有效解决方案。
发明内容
本申请实施例提供了一种图表配置方法、装置及计算机程序产品,针对现有的前基于组件库的图表配置方法无法对组件的应用代码进行编辑虽然降低了开发门槛但是对开发者而言扩展性差的问题,通过命令的方式快速获得应用组件的应用代码,针对应用代码可直接使用或进行二次扩展开发,实现了提高应用代码扩展性的有益效果。
第一方面,本申请实施例提供了一种图表配置方法,所述方法包括:创建基础组件,以所述基础组件为父类生成所述基础组件对应的至少一应用组件,为每个所述应用组件创建第一应用代码并生成所述第一应用代码的代码加载命令,将所述第一应用代码存储于应用代码存储库中,其中,所述第一应用代码表示为所述应用组件的具体调用代码;获取并解析所述代码加载命令得到所述应用组件的唯一标识和组件版本号,根据所述唯一标识和所述组件版本号向所述应用代码存储库发送请求信息请求与所述应用组件对应的所述第一应用代码;对获取到的所述第一应用代码进行二次开发,得到第二应用代码,通过加载所述第二应用代码使用所述应用组件执行图表渲染。
在其中一些实施例中,应用组件内设第一配置项,对所述第一加载应用代码进行二次开发得到第二配置项,“通过加载所述第二应用代码使用所述应用组件执行图表渲染”包括:所述第二应用代码调用所述应用组件,其中,所述应用组件继承有所述基础组件包括的参数合并方法、图表渲染方法;通过所述参数合并方法将所述第一配置项以及所述第二配置项进行合并,得到目标参数配置,将所述目标参数配置传入所述图表渲染方法中执行图表渲染。
在其中一些实施例中,所述代码加载命令由所述唯一标识和所述组件版本号和特定标识符组成,其中,所述唯一标识用于区分每个应用组件,所述组件版本号用于表示每个应用组件的版本,所述特定标识符用于标识代码加载命令。
在其中一些实施例中,在“生成应用组件”之后,所述方法还包括:为所述应用组件分配所述唯一标识,根据所述应用组件的版本生成所述应用组件的所述组件版本号,将所述应用组件存储于组件化***中,其中,所述组件化***用于存储所述应用组件,所述应用组件内置用于生成图表的第一配置项。
在其中一些实施例中,应用代码存储库基于应用组件的唯一标识和组件版本号存储应用组件的第一应用代码。
在其中一些实施例中,所述方法还包括:创建第一应用代码生成插件使其接受所述代码加载命令并进行解析,所述第一应用代码生成插件用于将所述应用代码存储库返回的所述第一应用代码加载到在所述代码编辑器中。
第二方面,本申请实施例提供了一种图表配置装置,包括:组件生成模块,用于创建基础组件,以所述基础组件为父类生成所述基础组件对应的至少一应用组件,为每个所述应用组件创建第一应用代码并生成所述第一应用代码的代码加载命令,将所述第一应用代码存储于应用代码存储库中,其中,所述第一应用代码表示为所述应用组件的具体调用代码;代码获取模块,用于获取并解析所述代码加载命令得到所述应用组件的唯一标识和组件版本号,根据所述唯一标识和所述组件版本号向所述应用代码存储库发送请求信息请求与所述应用组件对应的所述第一应用代码;代码开发模块,用于对获取到的所述第一应用代码进行二次开发,得到第二应用代码,通过加载所述第二应用代码使用所述应用组件执行图表渲染。
第三方面,本申请实施例提供了一种电子装置,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以执行第一方面任一项所述的图表配置方法。
第四方面,本申请实施例提供了一种计算机程序产品,包括软件代码部分,当所述计算机程序产品在计算机上被运行时,所述软件代码部分用于执行根据第一方面任一项所述的图表配置方法。
第五方面,本申请实施例提供了一种可读存储介质,所述可读存储介质中存储有计算机程序,所述计算机程序包括用于控制过程以执行过程的程序代码,所述过程包括根据第一方面任一项所述的图表配置方法。
本申请实施例的主要贡献和创新点如下:
本申请实施例对生成的应用组件分配唯一标识以及组件版本号,通过唯一标识和组件版本号形成与用于调用应用组件的第一应用代码的代码加载命令。当客户端在代码编辑器中输入代码加载命令后,可以解析出其中的唯一标识和组件版本号并在存储第一应用组件的应用代码存储库中查询相应的资源,获取返回得到的第一应用代码后能够直接在安全运行环境中加载从而调用相应的应用组件对图表进行渲染。或者在代码编辑器中对第一应用代码进行二次开发,加载开发得到的第二应用代码调用对应的应用组件执行图表渲染。因此明显提高了开发效率和应用代码的可扩展性。
本申请的一个或多个实施例的细节在以下附图和描述中提出,以使本申请的其他特征、目的和优点更加简明易懂。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据本申请实施例的图表配置方法的流程图;
图2是根据本申请实施例的应用图表配置方法的应用***架构图;
图3是根据本申请实施例的图表配置装置的结构框图;
图4是根据本申请实施例的电子装置的硬件结构示意图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书一个或多个实施例相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本说明书一个或多个实施例的一些方面相一致的装置和方法的例子。
需要说明的是:在其他实施例中并不一定按照本说明书示出和描述的顺序来执行相应方法的步骤。在一些其他实施例中,其方法所包括的步骤可以比本说明书所描述的更多或更少。此外,本说明书中所描述的单个步骤,在其他实施例中可能被分解为多个步骤进行描述;而本说明书中所描述的多个步骤,在其他实施例中也可能被合并为单个步骤进行描述。
实施例一
本申请实施例提供了一种图表配置方法,参考图1,所述方法包括:
步骤S101、创建基础组件,以所述基础组件为父类生成所述基础组件对应的至少一应用组件,为每个所述应用组件创建第一应用代码并生成所述第一应用代码的代码加载命令,将所述第一应用代码存储于应用代码存储库中,其中,所述第一应用代码表示为所述应用组件的具体调用代码。
在本步骤中,与业务相关的应用组件都继承自基础组件,并共享基础组件中的图表渲染方法和参数合并方法,调用应用组件时可以直接执行基础组件内设的方法,避免了开发时编写重复的代码段。
在本步骤中,应用组件是指对符合业务场景的图表执行渲染使图表能够在网页端呈现的组件。其中,业务场景相关的图表具体地可以是月疫苗接种量图、卡口人口流量图、年均降雨量图等等。应用组件内置有图表的配置参数以及渲染方法,渲染方法接收配置参数并通过内置的echarts实例能够将类似于上述示例的图表在前端显示出来。
在本步骤中采用了ECharts图表库进行图表配置,具体地,ECharts图表库中存储着各种ECharts基础组件,可以直接在安全运行环境中加载ECharts中的基础组件作为应用组件,也可以在代码编辑器中加载基础组件,并在基础组件的代码中进行业务场景相关的配置,使其成为应用组件。
生成应用组件后,需要创建对应的应用代码对其进行调用,具体地,在直接加载基础组件作为应用组件的情况下,可以直接采用ECharts自带的应用代码,在加载业务相关的应用组件的情况下,根据业务需要对ECharts自带的应用代码进行扩展,得到第一应用代码。
在本步骤中,应用代码存储库基于应用组件的唯一标识和组件版本号存储应用组件的第一应用代码。
步骤S102、获取并解析所述代码加载命令得到所述应用组件的唯一标识和组件版本号,根据所述唯一标识和所述组件版本号向所述应用代码存储库发送请求信息请求与所述应用组件对应的所述第一应用代码。
在本步骤中,应用组件以及第一应用代码生成后,当需要再次使用该应用组件渲染的图表时,需要获取到对应的第一应用代码。输入用以加载第一应用代码的代码加载命令,由代码编辑器对该命令进行解析,获取到第一应用代码的识别信息,向存储有第一应用代码的应用代码存储库发送请求信息并携带该识别信息,应用代码存储库获取到该请求信息后根据第一应用代码的识别信息查询到对应的第一应用代码,并返回给请求方。
具体地,对于应用组件来说,识别信息指的是应用组件的唯一标识以及组件版本号。
应用组件在版本迭代过程中会相应的配置有对应不同版本的多个第一应用代码,在验证第一应用代码的识别信息时需要通过唯一标识和版本号共同验证。具体地,唯一标识用于区分每个应用组件,例如,组件A的唯一标识为0001,组件B的唯一标识为0002;组件版本号用于表示每个应用组件的版本,便于应用组件的迭代更新,例如,组件A的当前版本为v2.0,组件A的上一次版本为v1.0。通过在库中对唯一标识和组件版本号进行查询,若查询到结果,则返回,若查询不到结果,则说明识别信息不符合,获取不到请求的应用代码。
在本步骤中,请求信息可以是http请求,http是客户端向服务端请求资源所使用的一种协议,请求资源的唯一标识和组件版本号被封装在请求正文中发送给应用代码存储库。具体地,客户端向应用代码存储库发送http请求并携带应用组件的唯一标识和版本号,应用代码存储库会返回相应版本的应用组件的第一应用代码。步骤S103、对获取到的所述第一应用代码进行二次开发,得到第二应用代码,通过加载所述第二应用代码使用所述应用组件执行图表渲染。
在本步骤中,二次开发用于在原有的第一应用代码的基础上进行修改以及功能的扩展,以达到所需功能。具体地,获取到第一应用代码后将其输入代码编辑器中,通过代码编辑器进行修改,得到第二应用代码,加载第二应用代码通过唯一标识和组件版本号使用对应的应用组件来执行图表渲染。
更进一步地,代码编辑器以VS Code为例,在VS Code编辑器中可以安装VS Code插件,使其可接受组件的应用代码的加载命令,键盘输入所述代码加载命令并选中,点击右键弹出菜单,点击菜单中的“生成组件应用代码”按钮,即可获得当前选中的代码加载命令中对应组件对应版本的应用代码,并自动输入编辑器界面中,在编辑器界面即可对第一应用代码进行二次开发。
综上,针对上述S101至S103,本申请实施例提供了一种能够在代码编辑器中对应用组件的第一应用代码进行任意的二次扩展开发的技术方案。具体地,本实施例通过生成应用组件以及能够调用该应用组件的第一应用代码,并为每个应用组件生成唯一标识,然后根据应用组件的当前版本生成组件版本号,再将第一应用代码通过唯一标识、组件版本号存储于应用代码存储库中。当任意用户端发送请求信息并携带唯一标识、组件版本号向应用代码存储库请求资源时,应用代码存储库将查询到的对应的第一应用代码发送给发起请求的用户端,使得该用户端能够根据返回的第一应用代码直接使用或者进行二次开发。本申请的一大技术点在于,既可以在无需配置的情况下直接基于第一应用代码生成ECharts业务类图表,也可以根据实际业务需要供开发者对应用组件的功能进行扩展。因此相比于现有技术,本申请提出的图表配置方法在减少了开发代码量的情况下更为灵活,能够根据开发实际情况选择直接使用或者进行功能扩展,因此在开发效率上大大提高。
在其中一些实施例中,通过为所述应用组件分配所述唯一标识,根据所述应用组件的版本生成所述应用组件的所述组件版本号,将所述应用组件存储于组件化***中,其中,所述组件化***用于存储所述应用组件,所述应用组件内置用于生成图表的第一配置项。
具体地,创建用于存储组件的组件化***,组件化***中包括基础组件和应用组件,基础组件是指所有的应用组件的父组件,应用组件继承自基础组件,其中设置有与具体业务场景相关的ECharts配置。在组件化***中为每个应用组件创建唯一标识和分配组件版本号。
示例性的,在基础组件中默认有校验、高亮、轮播等渲染方法,基于基础组件固化了多个扩展的应用组件,形成组件库。基础组件与应用组件形成嵌套架构,架构由外往里代码级别提高。外部的应用组件依赖内部的基础组件定义的方法,最外层的主题依据的是次外层定义的主题,以此类推。通过上述固化配置的方式能够避免开发时编写重复的代码段,减少了开发量且便于维护。
在其中一些实施例中,应用组件内设第一配置项,对所述第一加载应用代码进行二次开发得到第二配置项,“通过加载所述第二应用代码使用所述应用组件执行图表渲染”包括:所述第二应用代码调用所述应用组件,其中,所述应用组件继承有所述基础组件包括的参数合并方法、图表渲染方法;通过所述参数合并方法将所述第一配置项以及所述第二配置项进行合并,得到目标参数配置,将所述目标参数配置传入所述图表渲染方法中执行图表渲染。
其中,第一配置项、第二配置项是指完成某项业务所需要的要素,例如,完成一个程序的运行过程需要调用很多的模块,这些模块可以就是这个程序的配置项。
在本实施例中,通过参数合并方法将应用组件内置的第一配置项与用户二次开发设置的第二配置项进行合并,例如在原应用组件中定义了基础主题,在二次开发时定义了业务主题,则将基础主题和业务主题合并后作为应用组件的主题依据,使得后续可以对所有图表内容只进行一次渲染。
在其中一些实施例中,所述代码加载命令由所述唯一标识和所述组件版本号和特定标识符组成,其中,所述特定标识符用于标识代码加载命令。
具体而言,特定标识符用于标识输入在代码编辑器中的指令是用于加载应用代码的指令,例如,将cci定义为代码加载命令的特定标识符,则解析时先通过有无获取到cci判断是否为代码加载命令,若是,再提取出代码加载命令中的唯一标识和组件版本号。
在本实施例中,可以将唯一标识和组件版本号拼接起来作为查询第一应用代码的识别信息,示例性的,以特定标识符号为cci为例,应用组件A的唯一标识为000_0001的地区蒸发量和降水量图,版本为v1.0.0则其加载命令为cci000_0001v1.0.0,应用组件B的唯一标识为000_0002的卡口人口流量图,版本为v2.0.0,则其加载命令为cci0000_0002v2.0.0。
示例性地,依旧以地区蒸发量和降水量图为例,其唯一标识为000_0001,其内部默认配置为
当存储于应用代码存储库中,其存储的数据示例具体为:
在其中一些实施例中,所述方法还包括:创建第一应用代码生成插件使其接受所述代码加载命令并进行解析,所述第一应用代码生成插件用于将所述应用代码存储库返回的所述第一应用代码加载到在所述代码编辑器中。
参考图2,可视化组件***即组件库,其中存储有多个应用组件以及基础组件,为应用组件生成第一应用代码,将生成的第一应用代码存储于组件应用代码数据库中。
首先,本地用户可以直接通过生成的第一应用代码加载引用对应的应用组件对图表进行渲染。
其次,其他用户端可以通过VS Code插件获取生成的代码加载命令在应用代码存储库中获取第一应用代码,并加载得到对应的应用组件对图表进行渲染。
再次,其他用户端在获取到第一应用代码之后,还可以通过VS Code编辑器对第一应用代码进行二次开发,得到新的第二应用代码,并通过加载该第二应用代码使用对应的应用组件执行图表渲染。
示例性的,以VS Code编辑器为例,在VS Code编辑器中安装应用代码生成插件后,输入上述列举的代码加载命令并选中,点击右键弹出菜单,点击菜单中的“生成组件应用代码”按钮,即可获得当前选中的代码加载命令中对应组件对应版本的应用代码,并自动输入编辑器界面中。
综上,本申请实施例提供了一种图表配置方法,首先,该方法通过将基础组件与应用组件通过嵌套架构固化基础配置项,外层的应用组件与内层的基础组件共享参数合并方法和图表渲染方法,避免了代码段的重复编写。同时对外层的应用组件的扩展不会影响到内层的基础配置,因此便于维护。再次,该方法对生成的应用组件分配唯一标识以及组件版本号,通过唯一标识和组件版本号形成与用于调用应用组件的第一应用代码的代码加载命令。当客户端在代码编辑器中输入代码加载命令后,可以解析出其中的唯一标识和组件版本号并在存储第一应用组件的应用代码存储库中查询相应的资源,获取返回得到的第一应用代码后能够直接在安全运行环境中加载从而调用相应的应用组件对图表进行渲染。或者在代码编辑器中对第一应用代码进行二次开发,加载开发得到的第二应用代码调用对应的应用组件执行图表渲染。从而实现了提高应用代码扩展性的有益效果。
实施例二
本申请还提出了一种图表配置装置,如图3所示,包括:
组件生成模块301,用于创建基础组件,以所述基础组件为父类生成所述基础组件对应的至少一应用组件,为每个所述应用组件创建第一应用代码并生成所述第一应用代码的代码加载命令,将所述第一应用代码存储于应用代码存储库中,其中,所述第一应用代码表示为所述应用组件的具体调用代码。
代码获取模块302,用于获取并解析所述代码加载命令得到所述应用组件的唯一标识和组件版本号,根据所述唯一标识和所述组件版本号向所述应用代码存储库发送请求信息请求与所述应用组件对应的所述第一应用代码。
代码开发模块303,用于对获取到的所述第一应用代码进行二次开发,得到第二应用代码,通过加载所述第而应用代码使用所述应用组件执行图表渲染。
实施例三
本实施例还提供了一种电子装置,参考图4,包括存储器404和处理器402,该存储器404中存储有计算机程序,该处理器402被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。
具体地,上述处理器402可以包括中央处理器(CPU),或者特定集成电路(ApplicationSpecificIntegratedCircuit,简称为ASIC),或者可以被配置成实施本申请实施例的一个或多个集成电路。
其中,存储器404可以包括用于数据或指令的大容量存储器404。举例来说而非限制,存储器404可包括硬盘驱动器(HardDiskDrive,简称为HDD)、软盘驱动器、固态驱动器(SolidStateDrive,简称为SSD)、闪存、光盘、磁光盘、磁带或通用串行总线(UniversalSerialBus,简称为USB)驱动器或者两个或更多个以上这些的组合。在合适的情况下,存储器404可包括可移除或不可移除(或固定)的介质。在合适的情况下,存储器404可在数据处理装置的内部或外部。在特定实施例中,存储器404是非易失性(Non-Volatile)存储器。在特定实施例中,存储器404包括只读存储器(Read-OnlyMemory,简称为ROM)和随机存取存储器(RandomAccessMemory,简称为RAM)。在合适的情况下,该ROM可以是掩模编程的ROM、可编程ROM(ProgrammableRead-OnlyMemory,简称为PROM)、可擦除PROM(ErasableProgrammableRead-OnlyMemory,简称为EPROM)、电可擦除PROM(ElectricallyErasableProgrammableRead-OnlyMemory,简称为EEPROM)、电可改写ROM(ElectricallyAlterableRead-OnlyMemory,简称为EAROM)或闪存(FLASH)或者两个或更多个以上这些的组合。在合适的情况下,该RAM可以是静态随机存取存储器(StaticRandom-AccessMemory,简称为SRAM)或动态随机存取存储器(DynamicRandomAccessMemory,简称为DRAM),其中,DRAM可以是快速页模式动态随机存取存储器404(FastPageModeDynamicRandomAccessMemory,简称为FPMDRAM)、扩展数据输出动态随机存取存储器(ExtendedDateOutDynamicRandomAccessMemory,简称为EDODRAM)、同步动态随机存取内存(SynchronousDynamicRandom-AccessMemory,简称SDRAM)等。
存储器404可以用来存储或者缓存需要处理和/或通信使用的各种数据文件,以及处理器402所执行的可能的计算机程序指令。
处理器402通过读取并执行存储器404中存储的计算机程序指令,以实现上述实施例中的任意一种图表配置方法。
可选地,上述电子装置还可以包括传输设备406以及输入输出设备408,其中,该传输设备406和上述处理器402连接,该输入输出设备408和上述处理器402连接。
传输设备406可以用来经由一个网络接收或者发送数据。上述的网络具体实例可包括电子装置的通信供应商提供的有线或无线网络。在一个实例中,传输设备包括一个网络适配器(Network Interface Controller,简称为NIC),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,传输设备406可以为射频(Radio Frequency,简称为RF)模块,其用于通过无线方式与互联网进行通讯。
输入输出设备408用于输入或输出信息。在本实施例中,输入的信息可以是获取的基础组件、应用组件、第一应用代码、代码加载命令等,输出的信息可以是唯一标识、组件版本号、第二应用代码、图表渲染结果等。
可选地,在本实施例中,上述处理器402可以被设置为通过计算机程序执行以下步骤:
S101、创建基础组件,以所述基础组件为父类生成所述基础组件对应的至少一应用组件,为每个所述应用组件创建第一应用代码并生成所述第一应用代码的代码加载命令,将所述第一应用代码存储于应用代码存储库中,其中,所述第一应用代码表示为所述应用组件的具体调用代码。
S102、获取并解析所述代码加载命令得到所述应用组件的唯一标识和组件版本号,根据所述唯一标识和所述组件版本号向所述应用代码存储库发送请求信息请求与所述应用组件对应的所述第一应用代码。
S103、对获取到的所述第一应用代码进行二次开发,得到第二应用代码,通过加载所述第二应用代码使用所述应用组件执行图表渲染。
需要说明的是,本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例,本实施例在此不再赘述。
通常,各种实施例可以以硬件或专用电路、软件、逻辑或其任何组合来实现。本发明的一些方面可以以硬件来实现,而其他方面可以以可以由控制器、微处理器或其他计算设备执行的固件或软件来实现,但是本发明不限于此。尽管本发明的各个方面可以被示出和描述为框图、流程图或使用一些其他图形表示,但是应当理解,作为非限制性示例,本文中描述的这些框、装置、***、技术或方法可以以硬件、软件、固件、专用电路或逻辑、通用硬件或控制器或其他计算设备或其某种组合来实现。
本发明的实施例可以由计算机软件来实现,该计算机软件由移动设备的数据处理器诸如在处理器实体中可执行,或者由硬件来实现,或者由软件和硬件的组合来实现。包括软件例程、小程序和/或宏的计算机软件或程序(也称为程序产品)可以存储在任何装置可读数据存储介质中,并且它们包括用于执行特定任务的程序指令。计算机程序产品可以包括当程序运行时被配置为执行实施例的一个或多个计算机可执行组件。一个或多个计算机可执行组件可以是至少一个软件代码或其一部分。另外,在这一点上,应当注意,如图中的逻辑流程的任何框可以表示程序步骤、或者互连的逻辑电路、框和功能、或者程序步骤和逻辑电路、框和功能的组合。软件可以存储在诸如存储器芯片或在处理器内实现的存储块等物理介质、诸如硬盘或软盘等磁性介质、以及诸如例如DVD及其数据变体、CD等光学介质上。物理介质是非瞬态介质。
本领域的技术人员应该明白,以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。
Claims (10)
1.一种图表配置方法,其特征在于,包括以下步骤:
创建基础组件,以所述基础组件为父类生成所述基础组件对应的至少一应用组件,为每个所述应用组件创建第一应用代码并生成所述第一应用代码的代码加载命令,将所述第一应用代码存储于应用代码存储库中,其中,所述第一应用代码表示为所述应用组件的具体调用代码;
获取并解析所述代码加载命令得到所述应用组件的唯一标识和组件版本号,根据所述唯一标识和所述组件版本号向所述应用代码存储库发送请求信息请求与所述应用组件对应的所述第一应用代码;
对获取到的所述第一应用代码进行二次开发,得到第二应用代码,通过加载所述第二应用代码使用所述应用组件执行图表渲染。
2.根据权利要求1所述的图表配置方法,其特征在于,
应用组件内设第一配置项,对所述第一加载应用代码进行二次开发得到第二配置项,“通过加载所述第二应用代码使用所述应用组件执行图表渲染”包括:
所述第二应用代码调用所述应用组件,其中,所述应用组件继承有所述基础组件包括的参数合并方法、图表渲染方法;
通过所述参数合并方法将所述第一配置项以及所述第二配置项进行合并,得到目标参数配置,将所述目标参数配置传入所述图表渲染方法中执行图表渲染。
3.根据权利要求1所述的图表配置方法,其特征在于,所述代码加载命令由所述唯一标识和所述组件版本号和特定标识符组成,其中,所述唯一标识用于区分每个应用组件,所述组件版本号用于表示每个应用组件的版本,所述特定标识符用于标识代码加载命令。
4.根据权利要求1所述的图表配置方法,其特征在于,在“生成应用组件”之后,所述方法还包括:
为所述应用组件分配所述唯一标识,根据所述应用组件的版本生成所述应用组件的所述组件版本号,将所述应用组件存储于组件化***中,其中,所述组件化***用于存储所述应用组件,所述应用组件内置用于生成图表的第一配置项。
5.根据权利要求1所述的图表配置方法,其特征在于,应用代码存储库基于应用组件的唯一标识和组件版本号存储应用组件的第一应用代码。
6.根据权利要求1所述的图表配置方法,其特征在于,所述方法还包括:创建第一应用代码生成插件使其接受所述代码加载命令并进行解析,所述第一应用代码生成插件用于将所述应用代码存储库返回的所述第一应用代码加载到在所述代码编辑器中。
7.一种图表配置装置,其特征在于,包括:
组件生成模块,用于创建基础组件,以所述基础组件为父类生成所述基础组件对应的至少一应用组件,为每个所述应用组件创建第一应用代码并生成所述第一应用代码的代码加载命令,将所述第一应用代码存储于应用代码存储库中,其中,所述第一应用代码表示为所述应用组件的具体调用代码;
代码获取模块,用于获取并解析所述代码加载命令得到所述应用组件的唯一标识和组件版本号,根据所述唯一标识和所述组件版本号向所述应用代码存储库发送请求信息请求与所述应用组件对应的所述第一应用代码;
代码开发模块,用于对获取到的所述第一应用代码进行二次开发,得到第二应用代码,通过加载所述第二应用代码使用所述应用组件执行图表渲染。
8.一种电子装置,包括存储器和处理器,其特征在于,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以执行权利要求1至6任一项所述的图表配置方法。
9.一种计算机程序产品,其特征在于,包括软件代码部分,当所述计算机程序产品在计算机上被运行时,所述软件代码部分用于执行根据权利要求1至6任一项所述的图表配置方法。
10.一种可读存储介质,其特征在于,所述可读存储介质中存储有计算机程序,所述计算机程序包括用于控制过程以执行过程的程序代码,所述过程包括根据权利要求1至6任一项所述的图表配置方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111145799.XA CN113869016A (zh) | 2021-09-28 | 2021-09-28 | 图表配置方法、装置及计算机程序产品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111145799.XA CN113869016A (zh) | 2021-09-28 | 2021-09-28 | 图表配置方法、装置及计算机程序产品 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113869016A true CN113869016A (zh) | 2021-12-31 |
Family
ID=78992134
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111145799.XA Pending CN113869016A (zh) | 2021-09-28 | 2021-09-28 | 图表配置方法、装置及计算机程序产品 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113869016A (zh) |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102413022A (zh) * | 2011-12-31 | 2012-04-11 | 北京新媒传信科技有限公司 | 一种应用调试方法和*** |
CN109358851A (zh) * | 2018-07-19 | 2019-02-19 | 平安科技(深圳)有限公司 | 图表组件的创建方法、装置及计算机可读存储介质 |
CN109857657A (zh) * | 2019-01-18 | 2019-06-07 | 深圳壹账通智能科技有限公司 | 代码检测方法、装置、计算机设备及存储介质 |
CN110580147A (zh) * | 2018-06-07 | 2019-12-17 | 阿里巴巴集团控股有限公司 | 一种应用程序的开发方法和装置 |
CN111562912A (zh) * | 2020-04-08 | 2020-08-21 | 北京邮电大学 | 面向数据可视化的前端组件化开发方法及*** |
CN111666328A (zh) * | 2020-04-29 | 2020-09-15 | 中国平安财产保险股份有限公司 | 实时展示可视化图表的方法、装置、计算机设备及存储介质 |
CN112732246A (zh) * | 2021-01-13 | 2021-04-30 | 臧主峰 | 基于html模板的数据可视化方法、装置及电子设备 |
-
2021
- 2021-09-28 CN CN202111145799.XA patent/CN113869016A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102413022A (zh) * | 2011-12-31 | 2012-04-11 | 北京新媒传信科技有限公司 | 一种应用调试方法和*** |
CN110580147A (zh) * | 2018-06-07 | 2019-12-17 | 阿里巴巴集团控股有限公司 | 一种应用程序的开发方法和装置 |
CN109358851A (zh) * | 2018-07-19 | 2019-02-19 | 平安科技(深圳)有限公司 | 图表组件的创建方法、装置及计算机可读存储介质 |
CN109857657A (zh) * | 2019-01-18 | 2019-06-07 | 深圳壹账通智能科技有限公司 | 代码检测方法、装置、计算机设备及存储介质 |
CN111562912A (zh) * | 2020-04-08 | 2020-08-21 | 北京邮电大学 | 面向数据可视化的前端组件化开发方法及*** |
CN111666328A (zh) * | 2020-04-29 | 2020-09-15 | 中国平安财产保险股份有限公司 | 实时展示可视化图表的方法、装置、计算机设备及存储介质 |
CN112732246A (zh) * | 2021-01-13 | 2021-04-30 | 臧主峰 | 基于html模板的数据可视化方法、装置及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110221872B (zh) | 页面跳转方法、装置、电子设备和存储介质 | |
EP3605323B1 (en) | Method for generating network slice template and for applying network slice template, and apparatus | |
CN107609004B (zh) | 应用程序埋点方法和装置、计算机设备和存储介质 | |
CN111563220A (zh) | 业务网站项目构建方法、装置、计算机设备和存储介质 | |
CN110895471A (zh) | 安装包生成方法、装置、介质及电子设备 | |
CN107276842B (zh) | 接口测试方法、装置及电子设备 | |
CN107783766B (zh) | 对应用程序的文件进行清理的方法和装置 | |
CN105335132A (zh) | 一种自定义应用程序功能的方法、装置以及*** | |
CN108549537A (zh) | 基于Android终端的用户数据采集的方法及*** | |
CN112486459B (zh) | 活动页面生成方法、装置、计算机设备和可读存储介质 | |
CN104268229A (zh) | 一种基于多进程浏览器的资源获得方法及装置 | |
CN111124480A (zh) | 应用程序包的生成方法、装置、电子设备及存储介质 | |
CN114036439A (zh) | 网站搭建方法、装置、介质及电子设备 | |
CN113268243A (zh) | 内存预测方法及装置、存储介质、电子设备 | |
CN112087370A (zh) | 发布GitHub Issues的方法、***、电子设备和计算机可读存储介质 | |
CN110955449B (zh) | 客户端的灰度发布方法及装置 | |
CN110083351B (zh) | 用于生成代码的方法和装置 | |
CN111414168A (zh) | 基于思维导图的Web应用开发方法及装置、电子设备 | |
CN113869016A (zh) | 图表配置方法、装置及计算机程序产品 | |
CN115878860A (zh) | 一种菜单的生成方法、装置、服务器设备及介质 | |
CN111443920B (zh) | 一种框架迁移方法及装置 | |
CN110727416B (zh) | 开发框架的生成方法及相关装置 | |
CN112486497A (zh) | 编译配置文件的生成方法、装置、电子设备及存储介质 | |
CN108804195B (zh) | 一种页面显示方法、装置、服务器及客户端 | |
CN110968888B (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 |