图表展示方法、装置、存储介质及设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112579066A(43)申请公布日2021.03.30(21)申请号201910943312.9(22)申请日2019.09.30(71)申请人北京国双科技有限公司地址100083北京市海淀区北四环中路229号海泰大厦4层南401号(72)发明人张鑫(74)专利代理机构北京英创嘉友知识产权代理事务所(普通合伙)11447代理人贾会玲(51)Int.Cl.G06F8/34(2018.01)G06F8/38(2018.01)权利要求书2页说明书8页附图6页(54)发明名称图表展示方法、装置、存储介质及设备(57)摘要本公开涉及一种图表展示方法、装置、存储介质及设备。方法包括：响应于目标树形结构对应的图表生成指令，确定所述图表生成指令中包含的图表类型对应的目标树形组件，其中，所述目标树形组件包括文档对象模型元素和所述目标树形结构；获取所述目标树形结构对应的图表数据；根据所述图表数据，利用所述文档对象模型元素进行页面渲染，以展示所述目标树形结构及相应的可视化图表。由此，通过上述目标树形组件，即可实现树形结构和可视化图表的结合，使之能够实现相应业务，符合开发和产品的需求。同时，该种实现方式对页面加载和开发人员友好，更符合开发思想，也为开发人员对后期类似需求的继续开发提供了思路。CN112579066ACN112579066A权利要求书1/2页1.一种图表展示方法，其特征在于，包括：响应于目标树形结构对应的图表生成指令，确定所述图表生成指令中包含的图表类型对应的目标树形组件，其中，所述目标树形组件包括文档对象模型元素和所述目标树形结构；获取所述目标树形结构对应的图表数据；根据所述图表数据，利用所述文档对象模型元素进行页面渲染，以展示所述目标树形结构及相应的可视化图表。2.根据权利要求1所述的方法，其特征在于，所述根据所述图表数据，利用所述文档对象模型元素进行页面渲染，包括：根据所述图表数据，确定所述图表类型对应的目标参数值；根据所述目标参数值，利用所述文档对象模型元素进行页面渲染。3.根据权利要求2所述的方法，其特征在于，所述图表类型为横向柱状图；所述目标参数值为所述横向柱状图中各柱形对应的高度；所述根据所述图表数据，确定所述图表类型对应的目标参数值，包括：根据所述图表数据，确定所述横向柱状图中各柱形的高度；所述根据所述目标参数值，利用所述文档对象模型元素进行页面渲染，包括：根据所述各柱形的高度以及预设柱形宽度，利用所述文档对象模型元素进行页面渲染。4.根据权利要求3所述的方法，其特征在于，所述根据所述图表数据，确定所述横向柱状图中各柱形的高度，包括：获取所述图表数据中的最大值；针对每个图表数据，确定所述图表数据和所述最大值之间的比值，并将所述比值与预设高度的乘积确定为所述图表数据对应的柱形的高度。5.根据权利要求1-4中任一项所述的方法，其特征在于，在所述根据所述图表数据，利用所述文档对象模型元素进行页面渲染的步骤之后，所述方法还包括：若检测到鼠标指针悬停在当前展示的可视化图表所在区域，则获取所述鼠标指针当前悬停的目标区域对应的图表数据信息；展示所述图表数据信息。6.根据权利要求5所述的方法，其特征在于，所述方法还包括：若检测到所述鼠标指针移出所述目标区域，则隐藏所述图表数据信息。7.一种图表展示装置，其特征在于，包括：确定模块，用于响应于目标树形结构对应的图表生成指令，确定所述图表生成指令中包含的图表类型对应的目标树形组件，其中，所述目标树形组件包括文档对象模型元素和所述目标树形结构；第一获取模块，用于获取所述目标树形结构对应的图表数据；渲染模块，用于根据所述第一获取模块获取到的所述图表数据，利用所述文档对象模型元素进行页面渲染，以展示所述目标树形结构及相应的可视化图表。8.根据权利要求7所述的装置，其特征在于，所述渲染模块包括：第一确定子模块，用于根据所述第一获取模块获取到的所述图表数据，确定所述图表2CN112579066A权利要求书2/2页类型对应的目标参数值；渲染子模块，用于根据所述第一确定子模块确定出的所述目标参数值，利用所述文档对象模型元素进行页面渲染。9.一种存储介质，其上存储有程序，其特征在于，该程序被处理器执行时实现权利要求1-6中任一项所述方法的步骤。10.一种设备，其特征在于，所述设备包括：至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行权利要求1-6中任一项所述方法的步骤。3CN112579066A说明书1/8页图表展示方法、装置、存储介质及设备技术领域[0001]本公开涉及数据处理领域，具体地，涉及一种图表展示方