一种插件式的可视化图表组件方法.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114661797A(43)申请公布日2022.06.24(21)申请号202011534221.9(22)申请日2020.12.23(71)申请人杭州云掣科技有限公司地址310000浙江省杭州市西湖区紫霞街176号2号楼1206、1207、1208、1209、1210、1211室(72)发明人万海珍(74)专利代理机构合肥上博知识产权代理事务所(特殊普通合伙)34188专利代理师张果果(51)Int.Cl.G06F16/248(2019.01)G06F16/25(2019.01)G06F40/174(2020.01)权利要求书2页说明书5页附图4页(54)发明名称一种插件式的可视化图表组件方法(57)摘要本发明公开了一种插件式的可视化图表组件方法，包括可视化图表组件和开发设计可视化扩展组件的父组件—可视化仓库组件，所述可视化图表组件包括四个模块：数据源模块，用于定义获取数据要用到的参数，数据以二维表的形式返回；数据映射模块，用于映射字段到视图；样式配置模块,可视化渲染模块；所述可视化仓库组件用于提供Form表单、触发函数和监听数据变更并通知到可视化图表组件的可视化渲染模块重新渲染。本发明的每一个可视化图表组件都独立存在，不和父级组件耦合，可视化图表组件的开发灵活，样式配置开放，不受依赖包的限制。CN114661797ACN114661797A权利要求书1/2页1.一种插件式的可视化图表组件方法，其特征在于，包括可视化图表组件和开发设计可视化扩展组件的父组件—可视化仓库组件，所述可视化图表组件包括四个模块，所述四个模块如下：(1)数据源模块，所述数据源模块用于定义获取数据要用到的参数，数据以二维表的形式返回；(2)数据映射模块，所述数据映射模块用于映射字段到视图；以折线图为例，选取X轴对应的字段和Y轴对应的字段完成数据映射，所述数据映射模块作为数据源模块的附加模块存在，用于数据加工，不开发该模块则表明数据无需映射，采用默认数据格式；(3)样式配置模块，所述样式配置模块直接关联可视化渲染模块，可视化渲染模块支持的样式配置项都在样式配置模块开放给用户配置，不开发该模块则表明样式为可视化渲染模块内置，不开放配置项给用户自定义；(4)可视化渲染模块，所述可视化渲染模块是结合数据源模块的返回结果，经过数据映射模块加工，辅以样式配置模块的样式配置得到最终的渲染视图；所述可视化仓库组件起全局协同作用，所述可视化仓库组件用于提供Form表单、提供数据获取的触发函数、监听数据变更并通知到可视化图表组件的可视化渲染模块重新渲染，所述可视化仓库组件可提供如下：(1)所述可视化仓库组件提供Form表单，其中数据源模块，数据映射模块，样式配置模块都归属于该Form表单，用户的操作变更是一个整体，在可视化仓库组件可获取到这三个模块的所有表单数据用于获取数据和重新渲染可视化渲染模块；(2)所述可视化仓库组件提供数据获取的触发函数，该函数将数据源模块的所有配置项作为请求参数，调用数据获取接口，得到数据返回结果；(3)所述可视化仓库组件监听数据源返回结果的更新，数据映射关系的更新，样式配置的更新，监听到上述数据更新后重新渲染可视化渲染模块。2.根据权利要求1所述的一种插件式的可视化图表组件方法，其特征在于，所述数据源模块和可视化渲染模块是必备的模块，所述数据映射模块和样式配置模块作为可选模块，根据实际情况有选择地进行开发。3.根据权利要求1所述的一种插件式的可视化图表组件方法，其特征在于，规范所述数据源模块的数据返回结果为二维表格式，类似于用sql语句在数据库中做查询得到的查询结果。4.根据权利要求1所述的一种插件式的可视化图表组件方法，其特征在于，所述可视化渲染模块和数据映射模块是一对一的关系，数据如何映射才可以被正确地识别并且渲染出来由所述可视化渲染模块决定。5.根据权利要求1所述的一种插件式的可视化图表组件方法，其特征在于，所述可视化渲染模块和样式配置模块是一对一的关系，如果图表支持设置背景，支持设置字体大小，支持设置边框大小，那么样式配置模块就开放出对应的配置项给用户，否则不提供。6.根据权利要求1所述的一种插件式的可视化图表组件方法，其特征在于，所述可视化仓库组件只对Form表单进行操作，获取表单的数据，设置某个表单阈的值，不对可视化渲染模块的实例对象进行操作。7.根据权利要求1所述的一种插件式的可视化图表组件方法，其特征在于，所述可视化2CN114661797A权利要求书2/2页仓库组件起到一个中枢的作用，所述可视化仓库组件分别与数据源模块、数据映射模块、样式配置模块和可视化渲染模块连接。3CN114661797A说明书1/5页一种插件式的可视化图表组件方法技术领域[0001]本发明涉