图表动态展示方法、装置、计算机设备及存储介质与流程

本申请涉及数据报表技术领域，尤其涉及一种图表动态展示方法、装置、计算机设备及存储介质。

背景技术：

目前用户在根据数据加工得到报表时，一般是静态的展示报表，这就导致报表展示时的用户交互性差，既无法快速根据报表绘制图表，而且无法对图表或报表进行动态展示。

申请内容

本申请实施例提供了一种图表动态展示方法、装置、计算机设备及存储介质，旨在解决现有的技术方法中根据数据加工得到报表一般是静态的展示，无法对图表或报表进行动态展示的问题。

第一方面，本申请实施例提供了一种图表动态展示方法，其包括：

若检测到用户的节点选择指令，获取与节点选择指令所对应菜单树中的节点；

获取节点对应的报表，将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表；

若检测到用户的图表操作指令，获取图表操作指令对应的操作类型，并根据操作类型对图表进行相应的操作。

第二方面，本申请实施例提供了一种图表动态展示装置，其包括：

节点检索单元，用于若检测到用户的节点选择指令，获取与节点选择指令所对应菜单树中的节点；

报表转化单元，用于获取节点对应的报表，将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表；

动态展示单元，用于若检测到用户的图表操作指令，获取图表操作指令对应的操作类型，并根据操作类型对图表进行相应的操作。

第三方面，本申请实施例又提供了一种计算机设备，其包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的图表动态展示方法。

第四方面，本申请实施例还提供了一种存储介质，其中所述存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行上述第一方面所述的图表动态展示方法。

本申请实施例提供了一种图表动态展示方法、装置、计算机设备及存储介质。该方法通过若检测到用户的节点选择指令，获取与节点选择指令所对应菜单树中的节点；获取节点对应的报表，将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表；若检测到用户的图表操作指令，获取图表操作指令对应的操作类型，并根据操作类型对图表进行相应的操作。该方法实现从静态图表到动态图表的拓展，提高报表平台的交互性能。

附图说明

为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的图表动态展示方法的流程示意图；

图2为本申请实施例提供的图表动态展示方法的另一流程示意图；

图3为本申请实施例提供的图表动态展示方法的另一流程示意图；

图4为本申请实施例提供的图表动态展示方法的子流程示意图；

图5为本申请实施例提供的图表动态展示方法的另一子流程示意图；

图6为本申请实施例提供的图表动态展示装置的示意性框图；

图7为本申请实施例提供的图表动态展示装置的另一示意性框图；

图8为本申请实施例提供的图表动态展示装置的另一示意性框图；

图9为本申请实施例提供的图表动态展示装置的子单元示意性框图；

图10为本申请实施例提供的图表动态展示装置的另一子单元示意性框图；

图11为本申请实施例提供的计算机设备的示意性框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

还应当理解，在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。

还应当进一步理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

请参阅图1，图1是本申请实施例提供的图表动态展示方法的示意流程图。该图表动态展示方法应用于管理服务器中，该方法通过安装于管理服务器中的应用软件进行执行，多台用户终端通过与管理服务器建立网络连接以进行信息传输。其中，用户终端是具有接入互联网功能的终端设备，例如台式电脑、笔记本电脑、平板电脑或手机等；管理服务器是用于对图标进行动态展示的企业终端。

如图1所示，该方法包括步骤s101～s103。

s101、若检测到用户的节点选择指令，获取与节点选择指令所对应菜单树中的节点。

在本实施例中，在管理服务器上传了多张报表，并在生成菜单树后，当用户需要查看菜单树中的某一节点对应的报表及该报表对应的图像时，需现在菜单树上选定节点，选定节点后即可定位该节点对应的报表(该报表是静态的报表)，由于静态报表一般是不可编辑(如进行套索、方框等数据范围动态筛选、轮廓放大、重置等交互性操作)，故需将该节点对应的报表进行可视化处理。

s102、获取节点对应的报表，将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表。

在本实施例中，当用户在菜单树上选中一节点，并根据节点获取了对应的报表后，在管理服务器中是将报表输入至图表可视化函数进行转化，得到可以动态展示的图表。通过图表可视化函数，能快速的进行动态图表的绘制。

在一实施例中，如图2所示，步骤s102之前还包括：

s102a、获取与已上传报表对应的菜单属性设置信息；

s102b、解析获取菜单属性设置信息中包括的所属父级菜单，根据菜单属性设置信息中包括的所属父级菜单在菜单树中定位对应父节点，将报表对应的节点与父节点建立从属关系。

在本实施例中，用户通过手动或自动的方式，将报表上传至管理服务器上时，在管理服务器中需要获取用户对该报表设置的菜单属性设置信息；其中，菜单属性设置信息至少包括：所属父级菜单、菜单名称、菜单映射的报表url地址、菜单排序号；所属父级菜单表示当前的报表是从属于另一张报表的子表(子表中的数据可能是大部分从属于父表)，菜单名称表示当前的报表映射为一节点时该节点的名称，菜单映射的报表url地址表示当前的报表的源报表在互联网上唯一的地址(url表示统一资源定位符)，菜单排序号是用户所设置的该报表从属于父表的第几张子表且在同一父级菜单下根据菜单排序号从小到大顺序展示子表对应的节点。

在管理服务器接收了当前的报表后，需要获取管理服务器中已存在的当前的菜单树，及菜单树中的各节点；这样，相当于梳理了管理服务器中已存在的各报表，当新的报表上传时就能判断其从属于哪一父节点，从而将其作为新的子节点添加至菜单树中。

在获取当前的菜单树，及菜单树中的各节点之后，还根据当前的菜单树，映射得到与当前的菜单树所对应的初始拓扑图。通过拓扑图的方式展现出当前的菜单树，能更加直观的显示父节点与子节点的从属关系。映射就是将菜单树每一层级节点一一对应的绘制为拓补图上的对应层级节点，菜单树只是页面左侧的较为简单的一种较小区域的显示，为了便于用户操作和查看，还可以将菜单树映射为一在较大区域显示的拓补图。

通过将菜单树中每一父节点映射为初始拓扑图中的父节点，并将每一父节点的名称(节点的名称即理解为菜单名称)映射至初始拓扑图中对应的父节点。

完成了父节点的映射后，需要获取第一层级子节点，根据与父节点同样的方式映射为初始拓扑图中的第一层子节点，之后将每一第一层子节点与对应的父节点根据从属关系进行连接线的连接，例如第一层子节点a所属父级节点为a，则将第一层子节点a通过连接线与父级节点连接。通过同样的方式完成第二层级子节点-第n层级子节点到初始拓扑图上的映射。

在一实施例中，如图3所示，步骤s102之前还包括：

s102c、导入图表可视化函数对应的库函数，并设置图表的输出模式。

在本实施例中，所采用的图表可视化函数对应的工具为bokeh，bokeh是一个专门针对web浏览器的呈现功能的交互式可视化python库，可以实现将报表展示到web服务器上。所导入的库函数则是bokeh库，bokeh库不仅可以绘制坐标，还能绘制库内所包括功能包对应形式的图表(如绘制箱线图，绘制折线图，创建二维散点图，将两者视觉元素合并到一张图，在图片上添加一个坐标轴标签，通过用纬度和经度数据来绘制地图等)。如创建一个二维散点图时，所需导入的库函数如下：

frombokeh.plottingimportfigure，outputnotebook，show

表示导入的库函数为bokeh.plottingimportfigure；

图表的输出模式有notebook文档，web浏览器或服务器，分别表示将图表输出至notebook文档，web浏览器或服务器。

由bokeh库对应的图表可视化函数能将静态的报表数据，绘制为可动态展示的图标，便于用户从多种形态展示报表。

在一实施例中，如图4所示，步骤s102包括：

s1021、逐行获取报表中的数据，根据设置的输出模式将数据输入至图表展示区域对应的后台数据库；

s1022、在图表展示区域根据报表中的字段对应建立坐标系，并将报表中的数据映射至坐标系中，将映射完成的图表进行显示。

例如，报表是关于员工工资的报表，其中每行数据均对应两个字段，一个字段对应工号，另一字段对应工资，如果是web浏览器或服务器需要报表中的数据进行绘图，则需将数据输出至图表展示区域对应的后台数据库；先根据工号字段建立横坐标并根据工资字段建立纵坐标，此时就可以将报表中的每一行的数据映射至坐标系中，之后即可在图表展示区域展示映射完成的图表。通过逐行扫描报表数据并映射至坐标系的方式，能快速的进行动态图表的绘制。

在一实施例中，如图5所示，步骤s102b包括：

s102b1、通过遍历菜单树中节点，定位报表对应的节点所属的父节点；

s102b2、获取所述父节点的子节点的个数，判断所述父节点的子节点的个数是否等于0；

s102b3、若所述父节点的子节点的个数为0，在初始拓扑图上新建对应个数的子节点，并将报表对应的节点对应映射至新建的子节点上，将报表对应的子节点与父节点之间增加连接线已完成从属关系的建立；

s102b4、若所述父节点的子节点的个数大于0，获取所述父节点的子节点个数，并获取所述父节点所包括的每一子节点的菜单排序号；

s102b5、根据报表对应的节点的菜单排序号，将报表对应的节点按升序排列的顺序插入至所述父节点的子节点中，并将报表对应的子节点与父节点之间增加连接线已完成从属关系的建立；

s102b6、若检测到菜单查询指令，根据菜单查询指令对应的菜单名称遍历菜单树，若在菜单树中查询到对应的菜单名称，将与菜单名称相对应的父节点及子节点均进行展示。

在本实施例中，先根据报表的所属父级菜单在菜单树中定位报表所对应的节点属于菜单树中哪一父节点，然后判断该父节点下一层的子节点个数是否为0若所述父节点的子节点的个数为0，在初始拓扑图上新建对应个数的子节点，并将报表对应的节点对应映射至新建的子节点上即可(即父节点下面没有子节点，就无需根据排序号添加子节点了，直接新建并增加从属关系的连接线即可)；若所述父节点的子节点的个数大于0，获取所述父节点的子节点个数，并获取所述父节点所包括的每一子节点的菜单排序号，之后在根据报表对应的节点的菜单排序号，将报表对应的节点按升序排列的顺序插入至所述父节点的子节点中即可。

当获取到用户的菜单查询指令时，需根据菜单名称在菜单树中查询对应的子节点以及与该子节点对应的父节点，完成上述节点的查询后，直接根据该子节点的菜单映射的报表url地址链接到服务器中已存储的已上传报表，当检测到用户点击该子节点时，提取该子节点的菜单所映射报表url地址对应的报表并打开进行显示。

s103、若检测到用户的图表操作指令，获取图表操作指令对应的操作类型，并根据操作类型对图表进行相应的操作。

在本实施例中，图表操作指令对应的操作类型至少包括套索、数据范围动态筛选、轮廓放大、重置。

其中，套索操作是用于选中图表中的某一坐标点并进行进一步的编辑操作；

数据范围动态筛选操作，是通过用户即时所绘制的方框范围确定筛选出的坐标点；

轮廓放大操作，是在数据范围动态筛选操作的基础上，对所绘制的方框范围选中的坐标点可进行进一步的放大或缩小操作；

重置操作，是用于选中图表中的某一坐标点并进行重置(也即重新编辑)操作。

通过上述方式，即可实现从静态图表到动态图表的拓展，提高报表平台的功能的交互性。

本方法通过将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表，实现从静态图表到动态图表的拓展，提高报表平台的交互性能。

本申请实施例还提供一种图表动态展示装置，该图表动态展示装置用于执行前述图表动态展示方法的任一实施例。具体地，请参阅图6，图6是本申请实施例提供的图表动态展示装置的示意性框图。图表动态展示装置100可以配置于管理服务器中。

如图6所示，图表动态展示装置100包括节点检索单元101、报表转化单元102、动态展示单元103。

节点检索单元101，用于若检测到用户的节点选择指令，获取与节点选择指令所对应菜单树中的节点。

在本实施例中，在管理服务器上传了多张报表，并在生成菜单树后，当用户需要查看菜单树中的某一节点对应的报表及该报表对应的图像时，需现在菜单树上选定节点，选定节点后即可定位该节点对应的报表(该报表是静态的报表)，由于静态报表一般是不可编辑(如进行套索、方框等数据范围动态筛选、轮廓放大、重置等交互性操作)，故需将该节点对应的报表进行可视化处理。

报表转化单元102，用于获取节点对应的报表，将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表。

在本实施例中，当用户在菜单树上选中一节点，并根据节点获取了对应的报表后，在管理服务器中是将报表输入至图表可视化函数进行转化，得到可以动态展示的图表。通过图表可视化函数，能快速的进行动态图表的绘制。

在一实施例中，如图7所示，图表动态展示装置100还包括：

菜单属性获取单元102a，用于获取与已上传报表对应的菜单属性设置信息；

报表节点设置单元102b，用于解析获取菜单属性设置信息中包括的所属父级菜单，根据菜单属性设置信息中包括的所属父级菜单在菜单树中定位对应父节点，将报表对应的节点与父节点建立从属关系。

在本实施例中，用户通过手动或自动的方式，将报表上传至管理服务器上时，在管理服务器中需要获取用户对该报表设置的菜单属性设置信息；其中，菜单属性设置信息至少包括：所属父级菜单、菜单名称、菜单映射的报表url地址、菜单排序号；所属父级菜单表示当前的报表是从属于另一张报表的子表(子表中的数据可能是大部分从属于父表)，菜单名称表示当前的报表映射为一节点时该节点的名称，菜单映射的报表url地址表示当前的报表的源报表在互联网上唯一的地址(url表示统一资源定位符)，菜单排序号是用户所设置的该报表从属于父表的第几张子表且在同一父级菜单下根据菜单排序号从小到大顺序展示子表对应的节点。

在管理服务器接收了当前的报表后，需要获取管理服务器中已存在的当前的菜单树，及菜单树中的各节点；这样，相当于梳理了管理服务器中已存在的各报表，当新的报表上传时就能判断其从属于哪一父节点，从而将其作为新的子节点添加至菜单树中。

在获取当前的菜单树，及菜单树中的各节点之后，还根据当前的菜单树，映射得到与当前的菜单树所对应的初始拓扑图。通过拓扑图的方式展现出当前的菜单树，能更加直观的显示父节点与子节点的从属关系。映射就是将菜单树每一层级节点一一对应的绘制为拓补图上的对应层级节点，菜单树只是页面左侧的较为简单的一种较小区域的显示，为了便于用户操作和查看，还可以将菜单树映射为一在较大区域显示的拓补图。

通过将菜单树中每一父节点映射为初始拓扑图中的父节点，并将每一父节点的名称(节点的名称即理解为菜单名称)映射至初始拓扑图中对应的父节点。

完成了父节点的映射后，需要获取第一层级子节点，根据与父节点同样的方式映射为初始拓扑图中的第一层子节点，之后将每一第一层子节点与对应的父节点根据从属关系进行连接线的连接，例如第一层子节点a所属父级节点为a，则将第一层子节点a通过连接线与父级节点连接。通过同样的方式完成第二层级子节点-第n层级子节点到初始拓扑图上的映射。

在一实施例中，如图8所示，图表动态展示装置100还包括：

函数设置单元102c，用于导入图表可视化函数对应的库函数，并设置图表的输出模式。

在本实施例中，所采用的图表可视化函数对应的工具为bokeh，bokeh是一个专门针对web浏览器的呈现功能的交互式可视化python库，可以实现将报表展示到web服务器上。所导入的库函数则是bokeh库，bokeh库不仅可以绘制坐标，还能绘制库内所包括功能包对应形式的图表(如绘制箱线图，绘制折线图，创建二维散点图，将两者视觉元素合并到一张图，在图片上添加一个坐标轴标签，通过用纬度和经度数据来绘制地图等)。如创建一个二维散点图时，所需导入的库函数如下：

frombokeh.plottingimportfigure，outputnotebook，show

表示导入的库函数为bokeh.plottingimportfigure；

图表的输出模式有notebook文档，web浏览器或服务器，分别表示将图表输出至notebook文档，web浏览器或服务器。

由bokeh库对应的图表可视化函数能将静态的报表数据，绘制为可动态展示的图标，便于用户从多种形态展示报表。

在一实施例中，如图9所示，报表转化单元102包括：

逐行获取单元1021，用于逐行获取报表中的数据，根据设置的输出模式将数据输入至图表展示区域对应的后台数据库；

坐标系映射单元1022，用于在图表展示区域根据报表中的字段对应建立坐标系，并将报表中的数据映射至坐标系中，将映射完成的图表进行显示。

例如，报表是关于员工工资的报表，其中每行数据均对应两个字段，一个字段对应工号，另一字段对应工资，如果是web浏览器或服务器需要报表中的数据进行绘图，则需将数据输出至图表展示区域对应的后台数据库；先根据工号字段建立横坐标并根据工资字段建立纵坐标，此时就可以将报表中的每一行的数据映射至坐标系中，之后即可在图表展示区域展示映射完成的图表。通过逐行扫描报表数据并映射至坐标系的方式，能快速的进行动态图表的绘制。

在一实施例中，如图10所示，报表节点设置单元102b包括：

节点遍历定位单元102b1，用于通过遍历菜单树中节点，定位报表对应的节点所属的父节点；

子节点个数判断单元102b2，用于获取所述父节点的子节点的个数，判断所述父节点的子节点的个数是否等于0；

第一子节点建立单元102b3，用于若所述父节点的子节点的个数为0，在初始拓扑图上新建对应个数的子节点，并将报表对应的节点对应映射至新建的子节点上，将报表对应的子节点与父节点之间增加连接线已完成从属关系的建立；

第二子节点建立单元102b4，用于若所述父节点的子节点的个数大于0，获取所述父节点的子节点个数，并获取所述父节点所包括的每一子节点的菜单排序号；

子节点插入单元102b5，用于根据报表对应的节点的菜单排序号，将报表对应的节点按升序排列的顺序插入至所述父节点的子节点中，并将报表对应的子节点与父节点之间增加连接线已完成从属关系的建立；

节点展示单元102b6，用于若检测到菜单查询指令，根据菜单查询指令对应的菜单名称遍历菜单树，若在菜单树中查询到对应的菜单名称，将与菜单名称相对应的父节点及子节点均进行展示。

在本实施例中，先根据报表的所属父级菜单在菜单树中定位报表所对应的节点属于菜单树中哪一父节点，然后判断该父节点下一层的子节点个数是否为0若所述父节点的子节点的个数为0，在初始拓扑图上新建对应个数的子节点，并将报表对应的节点对应映射至新建的子节点上即可(即父节点下面没有子节点，就无需根据排序号添加子节点了，直接新建并增加从属关系的连接线即可)；若所述父节点的子节点的个数大于0，获取所述父节点的子节点个数，并获取所述父节点所包括的每一子节点的菜单排序号，之后在根据报表对应的节点的菜单排序号，将报表对应的节点按升序排列的顺序插入至所述父节点的子节点中即可。

当获取到用户的菜单查询指令时，需根据菜单名称在菜单树中查询对应的子节点以及与该子节点对应的父节点，完成上述节点的查询后，直接根据该子节点的菜单映射的报表url地址链接到服务器中已存储的已上传报表，当检测到用户点击该子节点时，提取该子节点的菜单所映射报表url地址对应的报表并打开进行显示。

动态展示单元103，用于若检测到用户的图表操作指令，获取图表操作指令对应的操作类型，并根据操作类型对图表进行相应的操作。

在本实施例中，图表操作指令对应的操作类型至少包括套索、数据范围动态筛选、轮廓放大、重置。

其中，套索操作是用于选中图表中的某一坐标点并进行进一步的编辑操作；

数据范围动态筛选操作，是通过用户即时所绘制的方框范围确定筛选出的坐标点；

轮廓放大操作，是在数据范围动态筛选操作的基础上，对所绘制的方框范围选中的坐标点可进行进一步的放大或缩小操作；

重置操作，是用于选中图表中的某一坐标点并进行重置(也即重新编辑)操作。

通过上述方式，即可实现从静态图表到动态图表的拓展，提高报表平台的功能的交互性。

本装置通过将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表，实现从静态图表到动态图表的拓展，提高报表平台的交互性能。

上述图表动态展示装置可以实现为计算机程序的形式，该计算机程序可以在如图11所示的计算机设备上运行。

请参阅图11，图11是本申请实施例提供的计算机设备的示意性框图。

参阅图11，该计算机设备500包括通过系统总线501连接的处理器502、存储器和网络接口505，其中，存储器可以包括非易失性存储介质503和内存储器504。

该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032包括程序指令，该程序指令被执行时，可使得处理器502执行图表动态展示方法。

该处理器502用于提供计算和控制能力，支撑整个计算机设备500的运行。

该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境，该计算机程序5032被处理器502执行时，可使得处理器502执行图表动态展示方法。

该网络接口505用于进行网络通信，如为网络访问提供数据流量的传输等。本领域技术人员可以理解，图11中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备500的限定，具体的计算机设备500可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

其中，所述处理器502用于运行存储在存储器中的计算机程序5032，以实现如下功能：若检测到用户的节点选择指令，获取与节点选择指令所对应菜单树中的节点；获取节点对应的报表，将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表；若检测到用户的图表操作指令，获取图表操作指令对应的操作类型，并根据操作类型对图表进行相应的操作。

在一实施例中，处理器502在执行所述与若检测到用户的图表操作指令，获取图表操作指令对应的操作类型，并根据操作类型对图表进行相应的操作之前，还执行如下操作：获取与已上传报表对应的菜单属性设置信息；解析获取菜单属性设置信息中包括的所属父级菜单，根据菜单属性设置信息中包括的所属父级菜单在菜单树中定位对应父节点，将报表对应的节点与父节点建立从属关系。

在一实施例中，处理器502在执行所述获获取节点对应的报表，将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表之前，还执行如下操作：导入图表可视化函数对应的库函数，并设置图表的输出模式。

在一实施例中，处理器502在执行所述将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表，执行如下操作：逐行获取报表中的数据，根据设置的输出模式将数据输入至图表展示区域对应的后台数据库；在图表展示区域根据报表中的字段对应建立坐标系，并将报表中的数据映射至坐标系中，将映射完成的图表进行显示。

在一实施例中，处理器502在执行所述根据菜单属性设置信息中包括的所属父级菜单在菜单树中定位对应父节点，将报表对应的节点与父节点建立从属关系，执行如下操作：通过遍历菜单树中节点，定位报表对应的节点所属的父节点；获取所述父节点的子节点的个数，判断所述父节点的子节点的个数是否等于0；若所述父节点的子节点的个数为0，在初始拓扑图上新建对应个数的子节点，并将报表对应的节点对应映射至新建的子节点上，将报表对应的子节点与父节点之间增加连接线已完成从属关系的建立；若所述父节点的子节点的个数大于0，获取所述父节点的子节点个数，并获取所述父节点所包括的每一子节点的菜单排序号；根据报表对应的节点的菜单排序号，将报表对应的节点按升序排列的顺序插入至所述父节点的子节点中，并将报表对应的子节点与父节点之间增加连接线已完成从属关系的建立；若检测到菜单查询指令，根据菜单查询指令对应的菜单名称遍历菜单树，若在菜单树中查询到对应的菜单名称，将与菜单名称相对应的父节点及子节点均进行展示。

本领域技术人员可以理解，图11中示出的计算机设备的实施例并不构成对计算机设备具体构成的限定，在其他实施例中，计算机设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。例如，在一些实施例中，计算机设备可以仅包括存储器及处理器，在这样的实施例中，存储器及处理器的结构及功能与图11所示实施例一致，在此不再赘述。

应当理解，在本申请实施例中，处理器502可以是中央处理单元(centralprocessingunit，cpu)，该处理器502还可以是其他通用处理器、数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现成可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

在本申请的另一实施例中提供存储介质。该存储介质可以为非易失性的计算机可读存储介质。该存储介质存储有计算机程序，其中计算机程序包括程序指令。该程序指令被处理器执行时实现以下步骤：若检测到用户的节点选择指令，获取与节点选择指令所对应菜单树中的节点；获取节点对应的报表，将报表作为预先设置的图表可视化函数的输入参数，得到与报表对应的图表；若检测到用户的图表操作指令，获取图表操作指令对应的操作类型，并根据操作类型对图表进行相应的操作。

在一实施例中，该程序指令被处理器执行时实现以下步骤：获取与已上传报表对应的菜单属性设置信息；解析获取菜单属性设置信息中包括的所属父级菜单，根据菜单属性设置信息中包括的所属父级菜单在菜单树中定位对应父节点，将报表对应的节点与父节点建立从属关系。

在一实施例中，该程序指令被处理器执行时实现以下步骤：导入图表可视化函数对应的库函数，并设置图表的输出模式。

在一实施例中，该程序指令被处理器执行时实现以下步骤：逐行获取报表中的数据，根据设置的输出模式将数据输入至图表展示区域对应的后台数据库；在图表展示区域根据报表中的字段对应建立坐标系，并将报表中的数据映射至坐标系中，将映射完成的图表进行显示。

在一实施例中，该程序指令被处理器执行时实现以下步骤：通过遍历菜单树中节点，定位报表对应的节点所属的父节点；获取所述父节点的子节点的个数，判断所述父节点的子节点的个数是否等于0；若所述父节点的子节点的个数为0，在初始拓扑图上新建对应个数的子节点，并将报表对应的节点对应映射至新建的子节点上，将报表对应的子节点与父节点之间增加连接线已完成从属关系的建立；若所述父节点的子节点的个数大于0，获取所述父节点的子节点个数，并获取所述父节点所包括的每一子节点的菜单排序号；根据报表对应的节点的菜单排序号，将报表对应的节点按升序排列的顺序插入至所述父节点的子节点中，并将报表对应的子节点与父节点之间增加连接线已完成从属关系的建立；若检测到菜单查询指令，根据菜单查询指令对应的菜单名称遍历菜单树，若在菜单树中查询到对应的菜单名称，将与菜单名称相对应的父节点及子节点均进行展示。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的设备、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

在本申请所提供的几个实施例中，应该理解到，所揭露的设备、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为逻辑功能划分，实际实现时可以有另外的划分方式，也可以将具有相同功能的单元集合成一个单元，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口、装置或单元的间接耦合或通信连接，也可以是电的，机械的或其它的形式连接。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本申请实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。