本发明专利技术公开了一种图表数据的展示方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：对于图表中的任一目标数据，将与目标数据属于相同系列但不同类目的其他数据加入目标数据的附加字段；其中，在图表中，类目按照第一方向分布，每一类目对应预设数量的系列，且与同一类目对应的系列按照第二方向分布；响应于收到的对目标数据的展示指令，将目标数据与附加字段中的其他数据进行比对展示。该实施方式能够实现一个方向堆叠条图表在展示提示时可以进行在另一方向上的数据比对展示，且当鼠标滑过当前系列项时可实现所有坐标同系列数据突出展示，指向性更明确。指向性更明确。指向性更明确。
【技术实现步骤摘要】
一种图表数据的展示方法和装置
[0001]本专利技术涉及计算机
，尤其涉及一种图表数据的展示方法和装置。
技术介绍
[0002]在进行前端UI(用户界面)中的条形图表展示中，常常有如下的一种场景：为了直观展示多组或多类数据在不同维度下的表现形式，同时又能清晰展示同一组或同一类的情况，而采用堆叠条形图。但目前堆叠的条形图在鼠标滑过的时候展示的数据维度有限，不适用所有场景。
[0003]在实现本专利技术过程中，专利技术人发现现有技术中至少存在如下问题：
[0004]在一个方向的堆叠条(例如横向堆叠条)上的提示信息只能展示同一组的信息，不能满足数据在另一方向(例如竖向)上的对比需求；当前鼠标滑过的数据未能有明显的指向性。
技术实现思路
[0005]有鉴于此，本专利技术实施例提供一种图表数据的展示方法和装置，能够实现一个方向堆叠条图表在展示提示时可以进行在另一方向上的数据比对展示，且当鼠标滑过当前系列项时可实现所有坐标同系列数据突出展示，指向性更明确。
[0006]为实现上述目的，根据本专利技术实施例的一个方面，提供了一种图表数据的展示方法。
[0007]一种图表数据的展示方法，包括：对于图表中的任一目标数据，将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段；其中，在所述图表中，类目按照第一方向分布，每一类目对应预设数量的系列，且与同一类目对应的系列按照第二方向分布；响应于收到的对所述目标数据的展示指令，将所述目标数据与所述附加字段中的所述其他数据进行比对展示。
[0008]可选地，所述将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段，包括：创建与系列和类目对应的数据对象，将与所述目标数据所属系列和类目对应的第一数据对象的值属性赋值为所述目标数据，并将与所述目标数据属于相同系列但不同类目的其他数据作为自定义属性加入所述第一数据对象。
[0009]可选地，将与所述目标数据所属系列和类目对应的第一数据对象的值属性赋值为所述目标数据，并将与所述目标数据属于相同系列但不同类目的其他数据作为自定义属性加入所述第一数据对象，通过执行如下的图表数据处理过程来实现：遍历已存的系列数组，并在遍历到每一系列时进一步遍历类目数组，对于当前遍历到的系列和类目创建对应的数据对象，在图表中的某一数据同时属于当前遍历到的系列和类目的情况下，则将该数据放入当前遍历中所创建的数据对象的值属性；在该数据属于当前遍历到的系列但不属于当前遍历到的类目的情况下，则将该数据放入当前遍历中所创建的数据对象的自定义属性。
[0010]可选地，将所述目标数据与所述附加字段中的所述其他数据进行比对展示之前，
还包括：根据所述展示指令获取所述第一数据对象，将所述第一数据对象中的所述自定义属性中的数据组装为用于展示的DOM(文档对象模型)元素。
[0011]可选地，将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段之后，还包括：增加对同系列数据突出展示的属性；所述方法还包括：响应于收到的对所述目标数据的展示指令，将所述目标数据与所述附加字段中的所述其他数据在所述图表中突出展示。
[0012]可选地，通过监听鼠标滑过事件接收对所述目标数据的展示指令，当有鼠标滑过所述图表上的所述目标数据时，将所述目标数据与所述附加字段中的所述其他数据比对展示在悬浮于所述图表的子图中。
[0013]根据本专利技术实施例的另一方面，提供了一种图表数据的展示装置。
[0014]一种图表数据的展示装置，包括：数据处理模块，用于对于图表中的任一目标数据，将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段；其中，在所述图表中，类目按照第一方向分布，每一类目对应预设数量的系列，且与同一类目对应的系列按照第二方向分布；数据展示模块，用于响应于收到的对所述目标数据的展示指令，将所述目标数据与所述附加字段中的所述其他数据进行比对展示。
[0015]可选地，所述数据处理模块还用于：创建与系列和类目对应的数据对象，将与所述目标数据所属系列和类目对应的第一数据对象的值属性赋值为所述目标数据，并将与所述目标数据属于相同系列但不同类目的其他数据作为自定义属性加入所述第一数据对象。
[0016]可选地，所述数据处理模块还用于：在将与所述目标数据所属系列和类目对应的第一数据对象的值属性赋值为所述目标数据，并将与所述目标数据属于相同系列但不同类目的其他数据作为自定义属性加入所述第一数据对象时，通过执行如下的图表数据处理过程来实现：遍历已存的系列数组，并在遍历到每一系列时进一步遍历类目数组，对于当前遍历到的系列和类目创建对应的数据对象，在图表中的某一数据同时属于当前遍历到的系列和类目的情况下，则将该数据放入当前遍历中所创建的数据对象的值属性；在该数据属于当前遍历到的系列但不属于当前遍历到的类目的情况下，则将该数据放入当前遍历中所创建的数据对象的自定义属性。
[0017]可选地，所述数据展示模块还用于：将所述目标数据与所述附加字段中的所述其他数据进行比对展示之前，根据所述展示指令获取所述第一数据对象，将所述第一数据对象中的所述自定义属性中的数据组装为用于展示的DOM元素。
[0018]可选地，所述数据处理模块还用于：将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段之后，增加对同系列数据突出展示的属性；所述数据展示模块还用于：响应于收到的对所述目标数据的展示指令，将所述目标数据与所述附加字段中的所述其他数据在所述图表中突出展示。
[0019]可选地，所述数据展示模块还用于：通过监听鼠标滑过事件接收对所述目标数据的展示指令，当有鼠标滑过所述图表上的所述目标数据时，将所述目标数据与所述附加字段中的所述其他数据比对展示在悬浮于所述图表的子图中。
[0020]根据本专利技术实施例的又一方面，提供了一种电子设备。
[0021]一种电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现本发
明实施例所提供的图表数据的展示方法。
[0022]根据本专利技术实施例的又一方面，提供了一种计算机可读介质。
[0023]一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本专利技术实施例所提供的图表数据的展示方法。
[0024]上述专利技术中的一个实施例具有如下优点或有益效果：对于图表中的任一目标数据，将与目标数据属于相同系列但不同类目的其他数据加入目标数据的附加字段；其中，在图表中，类目按照第一方向分布，每一类目对应预设数量的系列，且与同一类目对应的系列按照第二方向分布；响应于收到的对目标数据的展示指令，将目标数据与附加字段中的其他数据进行比对展示。能够实现一个方向堆叠条图表在展示提示时可以进行在另一方向上的数据比对展示，且当鼠标滑过当前系列项时可实现所有坐标同系列数据突出展示，指向性更明确。
...
【技术保护点】
【技术特征摘要】
1.一种图表数据的展示方法，其特征在于，包括：对于图表中的任一目标数据，将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段；其中，在所述图表中，类目按照第一方向分布，每一类目对应预设数量的系列，且与同一类目对应的系列按照第二方向分布；响应于收到的对所述目标数据的展示指令，将所述目标数据与所述附加字段中的所述其他数据进行比对展示。2.根据权利要求1所述的方法，其特征在于，所述将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段，包括：创建与系列和类目对应的数据对象，将与所述目标数据所属系列和类目对应的第一数据对象的值属性赋值为所述目标数据，并将与所述目标数据属于相同系列但不同类目的其他数据作为自定义属性加入所述第一数据对象。3.根据权利要求2所述的方法，其特征在于，将与所述目标数据所属系列和类目对应的第一数据对象的值属性赋值为所述目标数据，并将与所述目标数据属于相同系列但不同类目的其他数据作为自定义属性加入所述第一数据对象，通过执行如下的图表数据处理过程来实现：遍历已存的系列数组，并在遍历到每一系列时进一步遍历类目数组，对于当前遍历到的系列和类目创建对应的数据对象，在图表中的某一数据同时属于当前遍历到的系列和类目的情况下，则将该数据放入当前遍历中所创建的数据对象的值属性；在该数据属于当前遍历到的系列但不属于当前遍历到的类目的情况下，则将该数据放入当前遍历中所创建的数据对象的自定义属性。4.根据权利要求2或3所述的方法，其特征在于，将所述目标数据与所述附加字段中的所述其他数据进行比对展示之前，还包括：根据所述展示指令获取所述第一数据对象，将所述第一数据对象中的所述自定义属性中的数据组装为用于展示的DOM元素。5.根据权利要求1所述的方法，其特征在于，将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段之后，还包括：增加对同系列数据突出展示的属性；所述方法还包括：响应于收到的对所述目标数据的展示指令，将所述目标数据与所述附加字段中的所述其他数据在所述图表中突出展示。6.根据权利要求1所述的方法，其特征在于，通过监听鼠标滑过事件接收对所述目标数据的展示指令，当有鼠标滑过所述图表上的所述目标数据时，将所述目标数据与所述附加字段中的所述其他数据比对展示在悬浮于所述图表的子图中。7.一种图表数据的展示装置，其特征在于，包括：数据处理模块，用于对于图表中的任一目标数据，将与所述目标数据属于相同系列但不同类目的其他数据加入所述目标数据的附加字段；其中，在所述图表中，类目按照第一方向分布，每一类目对应预设数量的系列，且与...
【专利技术属性】
技术研发人员：黄晓丽，
申请(专利权)人：北京沃东天骏信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。