[发明专利]一种图表数据的展示方法和装置

说明书

本发明公开了一种图表数据的展示方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：对于图表中的任一目标数据，将与目标数据属于相同系列但不同类目的其他数据加入目标数据的附加字段；其中，在图表中，类目按照第一方向分布，每一类目对应预设数量的系列，且与同一类目对应的系列按照第二方向分布；响应于收到的对目标数据的展示指令，将目标数据与附加字段中的其他数据进行比对展示。该实施方式能够实现一个方向堆叠条图表在展示提示时可以进行在另一方向上的数据比对展示，且当鼠标滑过当前系列项时可实现所有坐标同系列数据突出展示，指向性更明确。

技术领域

本发明涉及计算机技术领域，尤其涉及一种图表数据的展示方法和装置。

背景技术

在进行前端UI(用户界面)中的条形图表展示中，常常有如下的一种场景：为了直观展示多组或多类数据在不同维度下的表现形式，同时又能清晰展示同一组或同一类的情况，而采用堆叠条形图。但目前堆叠的条形图在鼠标滑过的时候展示的数据维度有限，不适用所有场景。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

在一个方向的堆叠条(例如横向堆叠条)上的提示信息只能展示同一组的信息，不能满足数据在另一方向(例如竖向)上的对比需求；当前鼠标滑过的数据未能有明显的指向性。

发明内容

有鉴于此，本发明实施例提供一种图表数据的展示方法和装置，能够实现一个方向堆叠条图表在展示提示时可以进行在另一方向上的数据比对展示，且当鼠标滑过当前系列项时可实现所有坐标同系列数据突出展示，指向性更明确。

为实现上述目的，根据本发明实施例的一个方面，提供了一种图表数据的展示方法。

一种图表数据的展示方法，包括：对于图表中的任一目标数据，将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段；其中，在所述图表中，类目按照第一方向分布，每一类目对应预设数量的系列，且与同一类目对应的系列按照第二方向分布；响应于收到的对所述目标数据的展示指令，将所述目标数据与所述附加字段中的所述其他数据进行比对展示。

可选地，所述将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段，包括：创建与系列和类目对应的数据对象，将与所述目标数据所属系列和类目对应的第一数据对象的值属性赋值为所述目标数据，并将与所述目标数据属于相同系列但不同类目的其他数据作为自定义属性加入所述第一数据对象。

可选地，将与所述目标数据所属系列和类目对应的第一数据对象的值属性赋值为所述目标数据，并将与所述目标数据属于相同系列但不同类目的其他数据作为自定义属性加入所述第一数据对象，通过执行如下的图表数据处理过程来实现：遍历已存的系列数组，并在遍历到每一系列时进一步遍历类目数组，对于当前遍历到的系列和类目创建对应的数据对象，在图表中的某一数据同时属于当前遍历到的系列和类目的情况下，则将该数据放入当前遍历中所创建的数据对象的值属性；在该数据属于当前遍历到的系列但不属于当前遍历到的类目的情况下，则将该数据放入当前遍历中所创建的数据对象的自定义属性。

可选地，将所述目标数据与所述附加字段中的所述其他数据进行比对展示之前，还包括：根据所述展示指令获取所述第一数据对象，将所述第一数据对象中的所述自定义属性中的数据组装为用于展示的DOM(文档对象模型)元素。

可选地，将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段之后，还包括：增加对同系列数据突出展示的属性；所述方法还包括：响应于收到的对所述目标数据的展示指令，将所述目标数据与所述附加字段中的所述其他数据在所述图表中突出展示。

可选地，通过监听鼠标滑过事件接收对所述目标数据的展示指令，当有鼠标滑过所述图表上的所述目标数据时，将所述目标数据与所述附加字段中的所述其他数据比对展示在悬浮于所述图表的子图中。