CN115826974A - 一种可插拔式的图表扩展方法及装置 - Google Patents
一种可插拔式的图表扩展方法及装置 Download PDFInfo
- Publication number
- CN115826974A CN115826974A CN202211572099.3A CN202211572099A CN115826974A CN 115826974 A CN115826974 A CN 115826974A CN 202211572099 A CN202211572099 A CN 202211572099A CN 115826974 A CN115826974 A CN 115826974A
- Authority
- CN
- China
- Prior art keywords
- chart
- configuration
- diagram
- configuration file
- extended
- 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
Images
Landscapes
- Stored Programmes (AREA)
Abstract
本发明公开了一种可插拔式的图表扩展方法及装置,属于商务智能技术领域,用于解决商业智能分析工具的内置组件应用场景局限、开发效率低,且前端框架复杂、单一框架兼容差,无法快速满足客户的个性化需求的技术问题。方法包括:在BI工具的内置资源中没有所需图表的情况下,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件;其中,扩展图表管理模块包括基本信息配置页、插件引用配置页、图表脚本配置页、图表样式配置页以及自定义属性配置页;图表设计器获取配置文件并进行图表渲染,生成初始扩展图表;图表设计器获取对应的业务数据,并将业务数据与初始扩展图表进行绑定,生成最终扩展图表。用户可以开发自己的可视化组件。
Description
技术领域
本申请涉及商务智能技术领域,尤其涉及一种可插拔式的图表扩展方法及装置。
背景技术
数据可视化是当下火热的大数据应用技术,很多大数据分析工具都注重开发数据可视化的功能模块。数据可视化及其技术研究和应用开发,已经从根本上改变了我们对数据和数据分析工具的理解,数据可视化对大数据发展的影响广泛而深入。而数据可视化的主要技术手段是采用商业智能(Business Intelligence,BI)分析工具。
目前常见的BI分析工具均为基于数据模型,通过拖拉拽方式进行快速构建可视化看板的模式。在BI分析工具的应用过程中,发现内置的组件可以满足实际生产中的绝大多数应用场景。但是随着客户的增多,业务需求的不断变化和个性化需求的增加,客户对可视化的个性化需求提高,客户更希望通过个性化的图表来分析实际的业务场景,而商业智能分析工具的内置组件应用场景比较局限、开发速度慢、图表属性配置复杂、图表开发不稳定,暂时无法快速满足客户的个性化需求。且内置组件的前端框架繁多,单一框架兼容差,难以快速交付项目。
发明内容
本申请实施例提供了一种可插拔式的图表扩展方法及装置,用于解决如下技术问题:商业智能分析工具的内置组件应用场景局限、开发效率低,无法快速满足客户的个性化需求。
本申请实施例采用下述技术方案:
一方面,本申请实施例提供了一种可插拔式的图表扩展方法,所述方法包括:在BI工具的内置资源中没有所需图表的情况下,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件;其中,所述扩展图表管理模块包括基本信息配置页、插件引用配置页、图表脚本配置页、图表样式配置页以及自定义属性配置页;图表设计器获取所述配置文件并进行图表渲染,生成初始扩展图表;所述图表设计器获取对应的业务数据,并将所述业务数据与所述初始扩展图表进行绑定,生成最终扩展图表。
在一种可行的实施方式中,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:所述扩展图表管理模块获取用户在所述基本信息配置页中配置的基本信息,生成基本信息配置文件;其中,所述基本信息至少包括预览信息以及描述信息;所述预览信息用于展示扩展图表的内容样式;所述描述信息用于定义扩展图表的使用方式。
在一种可行的实施方式中,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:所述扩展图表管理模块获取用户在所述插件引用配置页中引用的插件信息,生成插件引用配置文件;其中,所述插件引用配置也与插件库相连接,以使用户在所述插件库中选择所需插件进行引用;若所述插件库中不存在用户的所需插件,则提示用户通过上传文件功能向所述插件库中上传所需插件;其中,所述插件库中至少包括上传第三方插件功能、上传单一脚本文件功能以及上传第三脚本库功能。
在一种可行的实施方式中,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:所述扩展图表管理模块获取用户在所述图表脚本配置页中编辑的图表脚本,并保存为图表脚本配置文件;其中,所述图表脚本配置页中内置JavaScript编辑器以及API开发规范文档;所述JavaScript编辑器中包括若干默认函数以供用户调用,所述默认函数至少包括渲染初始化函数、数据渲染函数以及尺寸重绘函数。
在一种可行的实施方式中,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:所述扩展图表管理模块获取用户在所述图表样式配置页中设置的图标样式信息,生成图表样式配置文件;其中,所述图表样式配置页中内置CSS样式选择器。
在一种可行的实施方式中,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:所述扩展图表管理模块获取用户在所述自定义属性配置页中设置的自定义属性信息,将所述自定义属性保存在orgOption属性中,并生成自定义配置文件;其中,所述自定义属性信息至少包括以下任一项或多项:文本、数值、颜色、字体。
在一种可行的实施方式中,在图表设计器获取所述配置文件并进行图表渲染,生成初始扩展图表之前,所述方法还包括:所述扩展图表管理模块将生成的基本信息配置文件、图表脚本配置文件、图表样式配置文件以及自定义配置文件,以关联的形式存储在数据库中;且所述自定义配置文件同时保存为中文、英文、繁体三种语言。
在一种可行的实施方式中,图表设计器获取所述配置文件并进行图表渲染,生成初始扩展图表,具体包括:当所述扩展图表的图标被拖入图表设计器时,所述图表设计器在数据库中引入所述扩展图表相关联的所有配置文件;所述图表设计器根据所述图表样式配置文件以及所述基本信息配置文件,生成基础扩展图表;所述图表设计器调用所述图表脚本配置文件中的渲染初始化函数,在orgOption属性中获取所述扩展图表的自定义属性,对所述基础扩展图表进行自定义调整,生成所述初始扩展图表。
在一种可行的实施方式中,所述图表设计器获取对应的业务数据,并将所述业务数据与所述初始扩展图表进行绑定,生成最终扩展图表,具体包括:所述图表设计器获取用户自定义的业务数据,并调用所述图表脚本配置文件中的数据渲染函数,将所述业务数据保存到所述初始扩展图表的data对象中,并通过data对象对所述数据进行组织调整,生成所述最终扩展图表;在扩展图表的DOM元素大小更改时,所述图表设计器调用尺寸重绘函数,对所述最终扩展图表进行大小自适应调整。
另一方面,本申请实施例还提供了一种可插拔式的图表扩展装置,包括:扩展图表管理模块,用于在BI工具的内置资源中没有所需图表的情况下,新增扩展图表并进行图表信息配置,生成对应的配置文件;其中,所述扩展图表管理模块包括基本信息配置页、插件引用配置页、图表脚本配置页、图表样式配置页以及自定义属性配置页;图表设计器,用于获取所述配置文件并进行图表渲染,生成初始扩展图表;获取对应的业务数据,并将所述业务数据与所述初始扩展图表进行绑定,生成最终扩展图表。
与现有技术相比,本申请实施例提供的一种可插拔式的图表扩展方法及装置,具有如下有益效果:
1.针对开发速度慢的问题,采用全面开放可视化图表API接口的方法解决,具有开发速度快的特点。全面开放了可视化组件接口,用户可以开发自己的可视化组件,并且自定义数据绑定面板、属性设置和数据探索方式,还可以通过开源图表库(例如d3和echarts)或者自己开发渲染视觉效果。自定义的可视化组件可以像内置组件一样在仪表板中使用,进行数据分析和展示。
2.针对BI工具内置组件应用场景比较局限的问题,采用插拔式开发扩展机制解决,具有灵活性、扩展性高的特点。使用插件的好处是,用户需要什么功能就添加什么扩展组件,不会对***的正常运行产生影响,用户的需要将会得到更好的响应和满足。
3.由于插件开发的自由方式,扩展图表可引用任意第三方组件,具有较高的自由度特点。第三方软件公司、个人爱好者都可以开发出它所需求的功能插件,我们为开发者提供一个赋能开发者,为用户提供高质量高价值的产品。
4.针对图表开发不稳定性问题,采用前端模块化扩展开发机制解决,具有稳定性好的特点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1为本申请实施例提供的一种可插拔式的图表扩展方法流程图;
图2为本申请实施例提供的一种图表扩展架构解析图;
图3为本申请实施例提供的传统BI工具使用流程与插拔式BI工具使用流程对比图;
图4为本申请实施例提供的一种可插拔式的图表扩展装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本说明书实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
本申请实施例提供了一种可插拔式的图表扩展方法,如图1所示,可插拔式的图表扩展方法具体包括步骤S101-S103:
S101、在BI工具的内置资源中没有所需图表的情况下,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件。
扩展图表管理模块包括基本信息配置页、插件引用配置页、图表脚本配置页、图表样式配置页以及自定义属性配置页;用户在使用BI工具进行图表设计时,首先会根据业务需求确定所需的图表,此时,若BI工具内置资源中没有用户所需的图表,那么用户可以使用本申请提供的扩展图表管理功能,定制自己所需的图表。
具体地,用户点击新增扩展图表的按钮后,扩展图表管理模块中会显示基本信息配置页,用户可以在该页面中配置扩展图表的基本信息。然后,扩展图表管理模块获取用户在基本信息配置页中配置的基本信息,生成基本信息配置文件。其中,基本信息至少包括预览信息以及描述信息;预览信息用于展示扩展图表的内容样式;描述信息用于定义扩展图表的使用方式。
进一步地,用户点击插件引用的按钮后,扩展图表管理模块中会显示插件引用配置页,用户可以在该页面中引用所需插件。扩展图表管理模块获取用户在插件引用配置页中引用的插件信息,生成插件引用配置文件;其中,插件引用配置也与插件库相连接,以使用户在插件库中选择所需插件进行引用;若插件库中不存在用户的所需插件,则提示用户通过上传文件功能向插件库中上传所需插件;其中,插件库中至少包括上传第三方插件功能、上传单一脚本文件功能以及上传第三脚本库功能。
作为一种可行的实施方式,图2为本申请实施例提供的一种图表扩展架构解析图,如图2所示,图表扩展架构由浪潮BI工具底座引擎以及新增扩展图表程序构成,新增扩展图表程序中包括插件库以及扩展部件解析引擎,插件库中可自由上传所需的第三方插件,可以上传单一的脚本文件,也可以上传第三脚本库例如layui.zip包;扩展部件解析引擎中利用codemirror插件技术,能够解析JavaScript脚本以及CSS库,可以在线编辑扩展图表的样式、脚本,让开发人员可以在线编辑扩展图表并保存。另通过部件定义配置项提炼,形成了一套一一对应的扩展配置项,其新增配置属性的时候可方便地进行快速配置。浪潮BI工具底座引擎可以获取配置信息、获取数据、自适应渲染以及联查联动,并为新增扩展图表管理模块提供API规范开发文档。
进一步地,用户点击图表脚本编辑的按钮后,扩展图表管理模块中会显示图表脚本配置页,用户可以在该页面中编辑简单的图表脚本。扩展图表管理模块获取用户在图表脚本配置页中编辑的图表脚本,并保存为图表脚本配置文件;其中,图表脚本配置页中内置JavaScript编辑器,并保存了API开发规范文档;JavaScript编辑器中包括若干默认函数以供用户调用,默认函数至少包括渲染初始化函数、数据渲染函数以及尺寸重绘函数。
作为一种可行的实施方式,图表脚本配置页中内置了JavaScript编辑器,用户可以参照API开发规范文档,在图表脚本配置页中开发以及调整扩展图表脚本。编辑器支持对JavaScript代码进行校验。在JavaScript编辑器中定义了至少三个默认函数:渲染初始化函数在扩展图表第一次渲染时被调用,在函数中可以通过orgOption属性获取到扩展图表中自定义的配置属性,对扩展图表进行调整;数据渲染函数在数据集中的数据绑定到扩展图表上时被调用,将数据集中的数据保存到data对象中,在该函数中既可以通过orgOption属性获取扩展图表的配置信息,也可以通过data对扩展图表所需的数据进行组织;尺寸重绘函数通过window方法触发,在扩展图表dom元素大小更改时触发,用于扩展图表实现自大小自适应。
进一步地,用户点击图表样式选择的按钮后,扩展图表管理模块中会显示图表样式配置页,用户可以在该页面中选择图表样式。扩展图表管理模块获取用户在图表样式配置页中设置的图标样式信息,生成图表样式配置文件;其中,图表样式配置页中内置CSS样式选择器。
作为一种可行的实施方式,图表样式中内置了CSS样式选择器,用户可通过CSS样式选择器对图表的样式进行设置,使图表展现形式更加丰富。
进一步地,用户点击自定义属性设置的按钮后,扩展图表管理模块中会显示自定义属性配置页,用户可以在该页面中自定义图表的属性。扩展图表管理模块获取用户在自定义属性配置页中设置的自定义属性信息,将自定义属性保存在orgOption属性中,并生成自定义配置文件。其中,自定义属性信息包括文本、数值、颜色、字体等信息。
作为一种可行的实施方式,用户在自定义属性配置页中可以对扩展图表的文本、数值、颜色、字体等参数进行自定义配置。所有配置的属性会保存在orgOption属性中,自定义属性可以在图表脚本中被调用并进行进一步处理,增加扩展图表的灵活性。
S102、图表设计器获取配置文件并进行图表渲染,生成初始扩展图表。
具体地,扩展图表管理模块将生成的基本信息配置文件、图表脚本配置文件、图表样式配置文件以及自定义配置文件,以关联的形式存储在数据库中;并将自定义配置文件同时保存为中文、英文、繁体三种语言。
当扩展图表的图标被拖入图表设计器时,图表设计器在数据库中引入扩展图表相关联的所有配置文件。图表设计器根据图表样式配置文件以及基本信息配置文件,生成基础扩展图表。图表设计器调用图表脚本配置文件中的渲染初始化函数,在orgOption属性中获取扩展图表的自定义属性,对基础扩展图表进行自定义调整,生成初始扩展图表。
作为一种可行的实施方式,扩展图表管理模块同时支持导入导出功能,可通过BI工具将已开发好的扩展图表的物理文件和数据库信息导出,提高扩展图表的复用性。所有扩展图表的物理文件均以二进制流的形式存放在数据库中,一旦物理文件缺失也不会影响扩展图表的正常使用。扩展图表引用的脚本、样式、自定义配置文件会以关联关系的形式存储在数据库中,当脚本在大屏设计器中拖入时,会自动引入相关的脚本和样式。自定义配置文件同时保存中、英、繁三份语言,满足国际化需求。
S103、图表设计器获取对应的业务数据,并将所述业务数据与所述初始扩展图表进行绑定,生成最终扩展图表。
具体地,响应于用户将扩展图表拖拽到图表设计器的操作,图表设计器获取用户自定义的业务数据,并调用初始扩展图表的图表脚本配置文件中的数据渲染函数,将业务数据保存到初始扩展图表的data对象中,并通过data对象对数据进行组织调整,生成最终扩展图表。
进一步地,在扩展图表的DOM元素大小更改时,图表设计器调用尺寸重绘函数,对最终扩展图表进行大小自适应调整。
作为一种可行的实施方式,图3为本申请实施例提供的传统BI工具使用流程与插拔式BI工具使用流程对比图,如图3所示,传统的BI工具只能从内置组件中选取业务所需图表。浪潮BI工具引擎通过多年产品经验总结,基于spring cloud和H5强力研发了BI工具图表解析的核心引擎。其中通过埋点技术扩展了图表渲染时主要渲染机制中的方法,如获取配置信息、获取数据时、获取数据后、自适应渲染和联查联动,让更多的研发人员有了抓手,同时形成了BI工具研发生态。本申请提供的插拔式BI工具,相较于传统的BI工具,增加了扩展图表管理功能,用户可以按照API操作文档,对扩展图表脚本进行编辑,调整扩展图表的数据结构和自定义配置属性,并产生符合用户个性化需求的扩展图表投入使用,提高了浪潮BI工具***的灵活性和可扩展性,从而快速实现客户个性化定制可视化看板的目的,提升了交付效率、奠定了浪潮BI工具研发生态圈、同时降低了研发技术门槛、颠覆了传统BI的交付方案,开创了新时代的BI工具革新。
另外,本申请实施例还提供了一种可插拔式的图表扩展装置,如图4所示,可插拔式的图表扩展装置400具体包括:
扩展图表管理模块410,用于在BI工具的内置资源中没有所需图表的情况下,新增扩展图表并进行图表信息配置,生成对应的配置文件;其中,所述扩展图表管理模块包括基本信息配置页411、插件引用配置页412、图表脚本配置页413、图表样式配置页414以及自定义属性配置页415;
图表设计器420,用于获取所述配置文件并进行图表渲染,生成初始扩展图表;获取对应的业务数据,并将所述业务数据与所述初始扩展图表进行绑定,生成最终扩展图表。
作为一种可行的实施方式,可插拔式的图表扩展装置400还包括数据库430,用于存储扩展图表管理模块410中产生的基本信息配置文件、插件引用配置文件、图表脚本配置文件、图表样式配置文件以及自定义属性配置文件。
作为一种可行的实施方式,基本信息配置页411用于对扩展图表的预览图片和描述信息进行配置。预览信息用于扩展图表在部件定义时展示,方便快速获取扩展图表内容样式。在使用他人开发的扩展图表时,可通过描述信息获取扩展图表的使用方式,方便快速上手使用。
插件引用配置页412中可通过勾选的方式对扩展图表使用的脚本文件进行引用,平台本身不具备的脚本文件,可通过插件管理中的上传文件功能进行补充。
图表脚本配置页413中内置了JS编辑器,可以参照API开发规范文档对扩展图表脚本进行开发和调整。文本编辑器支持对JS代码进行校验。在编辑器中默认定义了三个函数:渲染初始化函数在扩展图表第一次渲染时被调用,在函数中可以通过orgOption属性获取到扩展图表中自定义的配置属性,对扩展图表进行调整;数据渲染函数在数据集中的数据绑定到扩展图表上时被调用,将数据集中的数据保存到data对象中,在该函数中既可以通过orgOption属性获取扩展图表的配置信息,也可以通过data对扩展图表所需的数据进行组织;尺寸重绘函数通过window方法触发,在扩展图表dom元素大小更改时触发,用于扩展图表实现自大小自适应。
图表样式配置页414中内置了CSS编辑器,与图表脚本配合使用,可通过CSS选择器对图表的样式进行设置,使图表展现形式更加丰富。
自定义属性配置页415中可以对扩展图表的文本、数值、颜色、字体等参数进行自定义配置。所有配置的属性会保存在orgOption中,可以在脚本中调用并对参数做进一步处理,增加扩展图表的灵活性。
本申请提供的一种可插拔式的图表扩展方法及装置,新增了扩展图表管理功能,从而支撑个性化图表的组装、信息描述、配置项预制。并对图表设计器的功能进行增强,用户可在图表设计器中选择已开发的个性化图表。并且自定义数据绑定面板,属性设置和数据探索方式,定义个性化图表。本申请全面开放了可视化组件接口,用户可以开发自己的可视化组件,并且自定义数据绑定面板,属性设置和数据探索方式。通过开源图表库(例如d3和echarts)或者自己开发渲染视觉效果。自定义的可视化组件可以像内置组件一样在图表板中使用,进行数据分析和展示。并且通过插件形式来增加产品功能。使用插件的好处是,用户需要什么功能添加什么扩展组件,不会对***的正常运行产品影响。用户的需要将会得到更好的响应和满足。同时由于插件开发的自由方式,第三方软件公司、个人爱好者都可以开发出它所需求的功能插件,我们为开发者提供一个赋能开发者,为用户提供高质量高价值的产品。
本领域内的技术人员应明白,本说明书实施例可提供为方法、***、或计算机程序产品。因此,本说明书实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书是参照根据本说明书实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本申请中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
上述对本申请特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请的实施例可以有各种更改和变化。凡在本申请实施例的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种可插拔式的图表扩展方法,其特征在于,所述方法包括:
在BI工具的内置资源中没有所需图表的情况下,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件;其中,所述扩展图表管理模块包括基本信息配置页、插件引用配置页、图表脚本配置页、图表样式配置页以及自定义属性配置页;
图表设计器获取所述配置文件并进行图表渲染,生成初始扩展图表;
所述图表设计器获取对应的业务数据,并将所述业务数据与所述初始扩展图表进行绑定,生成最终扩展图表。
2.根据权利要求1所述的一种可插拔式的图表扩展方法,其特征在于,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:
所述扩展图表管理模块获取用户在所述基本信息配置页中配置的基本信息,生成基本信息配置文件;其中,所述基本信息至少包括预览信息以及描述信息;所述预览信息用于展示扩展图表的内容样式;所述描述信息用于定义扩展图表的使用方式。
3.根据权利要求1所述的一种可插拔式的图表扩展方法,其特征在于,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:
所述扩展图表管理模块获取用户在所述插件引用配置页中引用的插件信息,生成插件引用配置文件;其中,所述插件引用配置也与插件库相连接,以使用户在所述插件库中选择所需插件进行引用;
若所述插件库中不存在用户的所需插件,则提示用户通过上传文件功能向所述插件库中上传所需插件;其中,所述插件库中至少包括上传第三方插件功能、上传单一脚本文件功能以及上传第三脚本库功能。
4.根据权利要求1所述的一种可插拔式的图表扩展方法,其特征在于,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:
所述扩展图表管理模块获取用户在所述图表脚本配置页中编辑的图表脚本,并保存为图表脚本配置文件;其中,所述图表脚本配置页中内置JavaScript编辑器以及API开发规范文档;所述JavaScript编辑器中包括若干默认函数以供用户调用,所述默认函数至少包括渲染初始化函数、数据渲染函数以及尺寸重绘函数。
5.根据权利要求1所述的一种可插拔式的图表扩展方法,其特征在于,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:
所述扩展图表管理模块获取用户在所述图表样式配置页中设置的图标样式信息,生成图表样式配置文件;其中,所述图表样式配置页中内置CSS样式选择器。
6.根据权利要求1所述的一种可插拔式的图表扩展方法,其特征在于,扩展图表管理模块进行扩展图表信息配置,生成对应的配置文件,具体包括:
所述扩展图表管理模块获取用户在所述自定义属性配置页中设置的自定义属性信息,将所述自定义属性保存在orgOption属性中,并生成自定义配置文件;其中,所述自定义属性信息至少包括以下任一项或多项:文本、数值、颜色、字体。
7.根据权利要求1所述的一种可插拔式的图表扩展方法,其特征在于,在图表设计器获取所述配置文件并进行图表渲染,生成初始扩展图表之前,所述方法还包括:
所述扩展图表管理模块将生成的基本信息配置文件、图表脚本配置文件、图表样式配置文件以及自定义配置文件,以关联的形式存储在数据库中;且所述自定义配置文件同时保存为中文、英文、繁体三种语言。
8.根据权利要求7所述的一种可插拔式的图表扩展方法,其特征在于,图表设计器获取所述配置文件并进行图表渲染,生成初始扩展图表,具体包括:
当所述扩展图表的图标被拖入图表设计器时,所述图表设计器在数据库中引入所述扩展图表相关联的所有配置文件;
所述图表设计器根据所述图表样式配置文件以及所述基本信息配置文件,生成基础扩展图表;
所述图表设计器调用所述图表脚本配置文件中的渲染初始化函数,在orgOption属性中获取所述扩展图表的自定义属性,对所述基础扩展图表进行自定义调整,生成所述初始扩展图表。
9.根据权利要求8所述的一种可插拔式的图表扩展方法,其特征在于,所述图表设计器获取对应的业务数据,并将所述业务数据与所述初始扩展图表进行绑定,生成最终扩展图表,具体包括:
所述图表设计器获取用户自定义的业务数据,并调用所述图表脚本配置文件中的数据渲染函数,将所述业务数据保存到所述初始扩展图表的data对象中,并通过data对象对所述数据进行组织调整,生成所述最终扩展图表;
在扩展图表的DOM元素大小更改时,所述图表设计器调用尺寸重绘函数,对所述最终扩展图表进行大小自适应调整。
10.一种可插拔式的图表扩展装置,其特征在于,所述装置包括:
扩展图表管理模块,用于在BI工具的内置资源中没有所需图表的情况下,新增扩展图表并进行图表信息配置,生成对应的配置文件;其中,所述扩展图表管理模块包括基本信息配置页、插件引用配置页、图表脚本配置页、图表样式配置页以及自定义属性配置页;
图表设计器,用于获取所述配置文件并进行图表渲染,生成初始扩展图表;获取对应的业务数据,并将所述业务数据与所述初始扩展图表进行绑定,生成最终扩展图表。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211572099.3A CN115826974A (zh) | 2022-12-08 | 2022-12-08 | 一种可插拔式的图表扩展方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211572099.3A CN115826974A (zh) | 2022-12-08 | 2022-12-08 | 一种可插拔式的图表扩展方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115826974A true CN115826974A (zh) | 2023-03-21 |
Family
ID=85544640
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211572099.3A Pending CN115826974A (zh) | 2022-12-08 | 2022-12-08 | 一种可插拔式的图表扩展方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115826974A (zh) |
-
2022
- 2022-12-08 CN CN202211572099.3A patent/CN115826974A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TWI808393B (zh) | 頁面處理方法、裝置、設備及儲存媒體 | |
CN104932889B (zh) | 页面可视化生成方法和装置 | |
CN103092612B (zh) | 实现安卓操作***3d桌面贴图的方法及电子装置 | |
CN105511873B (zh) | 用户界面控件展示方法及装置 | |
CN108984172B (zh) | 一种界面文件的生成方法及装置 | |
CN111079047B (zh) | 一种面向web的页面构建*** | |
CN113849165A (zh) | 基于可视化拖拉且可定制的低代码前端开发框架及方法 | |
CN109597954A (zh) | 数据项展示方法、装置、计算设备和介质 | |
US20070214136A1 (en) | Data mining diagramming | |
CN109656654B (zh) | 大屏场景的编辑方法及计算机可读存储介质 | |
US20060225094A1 (en) | Enabling customization and personalization of views in content aggregation frameworks | |
EP2332074A2 (en) | Editing web pages | |
CA2688128A1 (en) | System and method for creating web-based application templates | |
CN111679818A (zh) | 编辑展示软件的方法和*** | |
CN115712413A (zh) | 低代码开发方法、装置、设备及存储介质 | |
CN112445564B (zh) | 界面显示方法及电子设备、计算机可读存储介质 | |
WO2013109858A1 (en) | Design canvas | |
CN115129212A (zh) | 视频编辑方法、装置、计算机设备、存储介质及产品 | |
CN112685025A (zh) | 快速搭建前端页面的方法及*** | |
CN112015410A (zh) | 网页编辑方法、装置、***以及计算机存储介质 | |
KR20180135654A (ko) | 프로그램의 직관적 제작방법 | |
CN112445501A (zh) | 数据烧录方法及设备、计算机可读存储介质 | |
CN116431145A (zh) | 一种生成数据可视化页面的***及方法 | |
CN115826974A (zh) | 一种可插拔式的图表扩展方法及装置 | |
US20190250896A1 (en) | System and method for developing software applications of wearable devices |
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 |