基于阿帕奇图表的数据显示方法及相关产品与流程

1.本技术涉及软件领域，特别是一种基于阿帕奇图表的数据显示方法及相关产品。


背景技术：

2.apache echarts：阿帕奇图表，以下简称echarts(图表)，是一个使用javascript实现的开源可视化库；label：图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等；tooltip:提示框组件，用于鼠标悬浮在图表上时，显示具体的数值；formatter:内容格式器，支持字符串模板和回调函数两种形式。
3.阿帕奇图表的数据显示方法在一组数据差额较大时，可视化图表无法表示可视化意义，影响了数据的可视化效果，影响了用户体验度。


技术实现要素：

4.为解决上述问题，本技术公开了一种基于阿帕奇图表的数据显示方法及相关产品，可以提高可视化图表的可视化意义，提高可视化效果，提高了用户体验度。
5.本技术实施例第一方面提供了一种基于阿帕奇图表的数据显示方法，所述方法包括如下步骤：
6.终端设备接收阿帕奇图表的原始数据，确定绘制在同一张阿帕奇图表的原始数据的多个数值；
7.终端设备计算多个数值中任意两个值之间的比例得到比例值，将比例值大于第一阈值的w个数值分成临时组；
8.终端设备将该多个数值执行缩小处理得到缩小后的多个数值，将缩小后的比例值在阿帕奇图表显示。
9.第二方面，提供一种基于阿帕奇图表的数据显示系统，所述系统包括：
10.获取单元，用于接收阿帕奇图表的原始数据；
11.处理单元，用于确定绘制在同一张阿帕奇图表的原始数据的多个数值；计算多个数值中任意两个值之间的比例得到比例值，将比例值大于第一阈值的w个数值分成临时组；将该多个数值执行缩小处理得到缩小后的多个数值，将缩小后的比例值在阿帕奇图表显示。
12.第三方面，提供一种终端设备，包括处理器、存储器、显示屏以及一个或多个程序；所述程序包括用于执行第一方面提供的方法中的步骤的指令。
13.本技术实施例第四方面提供了一种计算机可读存储介质，所述计算机存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行本技术实施例第一方面所描述的方法。
14.实施本技术实施例时，具有如下有益效果：
15.本技术提供的技术方案终端设备接收阿帕奇图表的原始数据，确定绘制在同一张阿帕奇图表的原始数据的多个数值；终端设备计算多个数值中任意两个值之间的比例得到
比例值，将比例值大于第一阈值的n个数值分成临时组；终端设备将该临时组内的n个数值的比例执行缩小处理得到缩小后的比例值，将缩小后的比例值在阿帕奇图表显示。这样本技术提供技术方案对于原始数据的比例值在大于一定阈值(即第一阈值)的情况下，对于此比例进行缩小处理得到缩小后的比例值，这样能够缩小比例显示，进而避免了比例差值过大导致过小的数据无法显示，进而提高数据的可视化程度，提高用户体验度。
附图说明
16.为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
17.图1为本技术实施例中终端设备的硬件系统结构示意图；
18.图2为本技术实施例中基于阿帕奇图表的数据显示方法流程示意图；
19.图3为本技术实施例中基于阿帕奇图表的数据显示系统的结构示意图；
20.图4为本技术实施例中一种终端设备的结构示意图；
21.图5为本技术实施例一提供的基于阿帕奇图表的数据显示方法流程示意图。
具体实施方式
22.为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
23.本发明的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、产品或设备固有的其他步骤或单元。
24.在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。
25.参阅图1，图1为本技术提供的一种终端设备的示意图，示例的，如图1所示，上述终端设备具体可以包括：处理器、存储器、显示屏、通信电路和音频组件(可选的)，上述部件可以通过总线连接，也可以通过其他方式连接，本技术并不限制上述连接的具体方式。
26.当然，本技术实施例的终端设备是一种具有无线通信功能的设备，可以称为终端(terminal)、用户设备(user equipment，ue)、移动台(mobile station，ms)、移动终端(mobile terminal，mt)、接入终端设备、车载终端设备、工业控制终端设备、ue单元、ue站、移动站、远方站、远程终端设备、移动设备、ue终端设备、无线通信设备、ue代理或ue装置等。终端设备可以是固定的或者移动的。需要说明的是，终端设备可以支持至少一种无线通信技术，例如lte、新空口(new radio，nr)等。例如，终端设备可以是手机(mobile phone)、平板电脑(pad)、台式机、笔记本电脑、一体机、车载终端、虚拟现实(virtual reality，vr)终
端设备、增强现实(augmented reality，ar)终端设备、工业控制(industrial control)中的无线终端、无人驾驶(self driving)中的无线终端、远程手术(remote medical surgery)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportation safety)中的无线终端、智慧城市(smart city)中的无线终端、智慧家庭(smart home)中的无线终端、蜂窝电话、无绳电话、会话启动协议(session initiation protocol，sip)电话、无线本地环路(wireless local loop，wll)站、个人数字助理(personal digital assistant，pda)、具有无线通信功能的手持设备、计算设备或连接到无线调制解调器的其它处理设备、可穿戴设备、未来移动通信网络中的终端设备或者未来演进的公共移动陆地网络(public land mobile network，plmn)中的终端设备等。在本技术的一些实施例中，终端设备还可以是具有收发功能的装置，例如芯片系统。其中，芯片系统可以包括芯片，还可以包括其它分立器件。
27.示例的，本技术实施例中接入网设备是一种为终端设备提供无线通信功能的设备，也可称之为无线接入网(radio access network，ran)设备、或接入网网元等。其中，接入网设备可以支持至少一种无线通信技术，例如lte、nr等。示例的，接入网设备包括但不限于：第五代移动通信系统(5th-generation，5g)中的下一代基站(generation nodeb，gnb)、演进型节点b(evolved node b，enb)、无线网络控制器(radio network controller，rnc)、节点b(node b，nb)、基站控制器(base station controller，bsc)、基站收发台(base transceiver station，bts)、家庭基站(例如，home evolved node b、或home node b，hnb)、基带单元(baseband unit，bbu)、收发点(transmitting and receiving point，trp)、发射点(transmitting point，tp)、移动交换中心等。网络设备还可以是云无线接入网络(cloud radio access network，cran)场景下的无线控制器、集中单元(centralized unit，cu)、和/或分布单元(distributed unit，du)，或者接入网设备可以为中继站、接入点、车载设备、终端设备、可穿戴设备以及未来移动通信中的接入网设备或者未来演进的plmn中的接入网设备等。在一些实施例中，接入网设备还可以为具有为终端设备提供无线通信功能的装置。
28.对于一组数据差值比较大的数据在echarts图表上，比如柱状图、散点图等看着不太明显或者整个覆盖，这样就失去图表的可视化意义，给人一种错觉像是数据为空或有误，该技术方案就是解决这种误差感在图表上的表现。
29.echarts，一个使用javascript实现的开源可视化库，可以流畅的运行在pc和移动设备上，兼容当前绝大部分浏览器(ie8/9/10/11，chrome，firefox，safari等)，底层依赖轻量级的矢量图形库zrender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
30.echarts提供了常规的折线图、柱状图、散点图、饼图、k线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、旭日图，多维数据可视化的平行坐标，还有用于bi的漏斗图，仪表盘，并且支持图与图之间的混搭。
31.参阅图2，图2提供了一种基于阿帕奇图表的数据显示方法的流程示意图，该方法在如图1所示的终端设备中实现，上述方法如图2所示，包括如下步骤：
32.步骤s201、终端设备接收阿帕奇图表的原始数据，确定绘制在同一张阿帕奇图表的原始数据的多个数值；
33.示例的，上述原始数据即为阿帕奇图表的最初数据，即未经过任何处理的数据。
34.步骤s202、终端设备计算多个数值中任意两个值之间的比例得到比例值，将比例值大于第一阈值的w个数值分成临时组；
35.示例的，上述临时组可以携带阿帕奇图表的标识，该标识用于表示该阿帕奇图表。
36.步骤s203、终端设备将该多个数值的比例执行缩小处理得到缩小后的比例值，将缩小后的比例值在阿帕奇图表显示。
37.示例的，上述缩小处理的方法包括但不限于：将w个数值等比例缩小，该等比例缩小的方式包括但不限于：
38.开方缩小、开n次方缩小、比值缩小等等。上述n为大于等于2的整数。
39.例如w个数值中的一组数据有最大值1005和最小值1，1005
1/2
≈31.7，但是1
1/2
＝1，这就解决了数值相差的问题，由原来的1000多倍瞬间缩小至30倍左右。需要注意的是，如果开根号后数据差值依然很大，可以采用2次开方甚至3次开方等。
40.本技术提供的技术方案终端设备接收阿帕奇图表的原始数据，确定绘制在同一张阿帕奇图表的原始数据的多个数值；终端设备计算多个数值中任意两个值之间的比例得到比例值，将比例值大于第一阈值的n个数值分成临时组；终端设备将该临时组内的n个数值的比例执行缩小处理得到缩小后的比例值，将缩小后的比例值在阿帕奇图表显示。这样本技术提供技术方案对于原始数据的比例值在大于一定阈值(即第一阈值)的情况下，对于此比例进行缩小处理得到缩小后的比例值，这样能够缩小比例显示，进而避免了比例差值过大导致过小的数据无法显示，进而提高数据的可视化程度，提高用户体验度。
41.示例的，上述方法将缩小后的比例值在阿帕奇图表显示之前还可以包括：
42.若缩小后的比例值大于第一阈值，则将缩小后的比例值再次缩小处理得到小于第一阈值的比例值，将小于第一阈值的比例值在阿帕奇图表显示。
43.示例的，上述将缩小后的比例值在阿帕奇图表显示具体可以包括：
44.利用formatter内容格式器以回调函数的形式将label的值重新赋值，处理tooltips值；利用formatter内容格式器以回调函数的形式将tooltips的值重新赋值；y轴数据处理；利用formatter内容格式器以回调函数的形式将y轴的刻度值重新赋值；图例数据处理；利用formatter内容格式器以回调函数的形式将图例的值重新赋值得到缩小后的比例值在阿帕奇图表显示。
45.示例的，上述方法在步骤s202与步骤s203之间还可以包括：
46.终端设备按原始数据生成初步阿帕奇图表，获取初步阿帕奇图表中w个数值对应显示图形的rgb值，提取w个数值对应的rgb值的像素点数量得到w个数值对应w个像素点值，获取w个像素点值中的最小值，若最小值低于第二阈值，执行步骤s203，若大于等于第二阈值，不执行步骤s203，直接显示初步阿帕奇图表。
47.此种方式避免用户直观的来确定阿帕奇图表的比例是否合适，通过数值来确定是否调整比例更加的客观，避免主观的判断是否缩小比例。
48.参阅图3，图3提供了一种基于阿帕奇图表的数据显示系统的结构示意图，所述系统包括：
49.获取单元301，用于接收阿帕奇图表的原始数据；
50.处理单元302，用于确定绘制在同一张阿帕奇图表的原始数据的多个数值；计算多个数值中任意两个值之间的比例得到比例值，将比例值大于第一阈值的w个数值分成临时
组；将该多个数值执行缩小处理得到缩小后的比例值，将缩小后的比例值在阿帕奇图表显示。
51.本技术提供的系统接收阿帕奇图表的原始数据，确定绘制在同一张阿帕奇图表的原始数据的多个数值；终端设备计算多个数值中任意两个值之间的比例得到比例值，将比例值大于第一阈值的n个数值分成临时组；终端设备将该临时组内的n个数值的比例执行缩小处理得到缩小后的比例值，将缩小后的比例值在阿帕奇图表显示。这样本技术提供技术方案对于原始数据的比例值在大于一定阈值(即第一阈值)的情况下，对于此比例进行缩小处理得到缩小后的比例值，这样能够缩小比例显示，进而避免了比例差值过大导致过小的数据无法显示，进而提高数据的可视化程度，提高用户体验度。
52.示例的，所述临时组还包括：阿帕奇图表的标识，所述缩小处理为：等比例缩小；
53.所述等比例缩小具体包括：
54.开方缩小、开n次方缩小或比值缩小。
55.示例的，所述处理单元，具体用于利用formatter内容格式器以回调函数的形式将label的值重新赋值；利用formatter内容格式器以回调函数的形式将tooltips的值重新赋值；利用formatter内容格式器以回调函数的形式将y轴的刻度值重新赋值；利用formatter内容格式器以回调函数的形式将图例的值重新赋值得到缩小后的比例值在阿帕奇图表显示。
56.示例的，上述处理单元还可以用于执行如图2所示方法实施例的细化方案以及可选方案。
57.参阅图4，本技术实施例提供一种终端设备，包括处理电路401、存储器402、显示屏403以及一个或多个程序，其中，上述一个或多个程序被存储在上述存储器中，并且被配置由上述处理器执行，上述程序包括用于执行本技术实施例任一方法中的步骤的指令。
58.实施例一
59.本技术实施例首先是为了解决前端页面在渲染echarts图表时的数据差问题，使各种数据差值较大的图表以更容易接受的方式展示在用户眼前；其次，不影响原有图表数据的横坐标或纵坐标以及其他地方可视数值。
60.本技术实施例提供一种基于阿帕奇图表的数据显示方法的流程示意图，上述方法可以由终端设备执行，该方法如图5所示，包括如下步骤：
61.步骤s501、终端设备接收阿帕奇图表的原始数据，确定绘制在同一张阿帕奇图表的原始数据的多个数值；
62.多个数值具体可以包括：1005、50、1、10、70、110、100。
63.步骤s502、终端设备计算多个数值中任意两个值之间的比例得到比例值，将比例值大于第一阈值的w个数值分成临时组。
64.计算得到的比例值具体可以包括：20.1、1005、100.5、14.35、9.13、10.5，这里假设第一阈值为50，则确定1005、100.5大于第一阈值。
65.步骤s503、终端设备将多个数值缩小处理(开方处理)得到缩小后的多个数值。
66.步骤s504、利用formatter内容格式器以回调函数的形式将label的值重新赋值至缩小后的多个数值，利用formatter内容格式器以回调函数的形式将tooltips的值重新赋值至缩小后的多个数值；利用formatter内容格式器以回调函数的形式将y轴的刻度值重新
赋值至缩小后的多个数值；利用formatter内容格式器以回调函数的形式将图例的值重新赋值得到缩小后的多个数值在阿帕奇图表显示。
67.本技术提供的实施例一接收阿帕奇图表的原始数据，确定绘制在同一张阿帕奇图表的原始数据的多个数值；终端设备计算多个数值中任意两个值之间的比例得到比例值，将比例值大于第一阈值的n个数值分成临时组；终端设备将该临时组内的n个数值的比例执行缩小处理得到缩小后的比例值，将缩小后的比例值在阿帕奇图表显示。这样本技术提供技术方案对于原始数据的比例值在大于一定阈值(即第一阈值)的情况下，对于此比例进行缩小处理得到缩小后的比例值，这样能够缩小比例显示，进而避免了比例差值过大导致过小的数据无法显示，进而提高数据的可视化程度，提高用户体验度。
68.本技术实施例还提供一种计算机存储介质，其中，该计算机存储介质存储用于电子数据交换的计算机程序，该计算机程序使得计算机执行图2的全部或部分方法步骤。
69.上述计算机可读存储介质可以是前述任一实施例上述的服务器的内部存储单元，例如服务器的硬盘或内存。上述计算机可读存储介质也可以是上述服务器的外部存储设备，例如上述服务器上配备的插接式硬盘，智能存储卡(smart media card，smc)，安全数字(secure digital，sd)卡，闪存卡(flash card)等。进一步地，上述计算机可读存储介质还可以既包括上述服务器的内部存储单元也包括外部存储设备。上述计算机可读存储介质用于存储上述计算机程序以及上述服务器所需的其他程序和数据。上述计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的数据。
70.本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
71.所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的服务器和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
72.在本技术所提供的几个实施例中，应该理解到，所揭露的服务器和方法，可以通过其它的方式实现。例如，以上所描述的终端实施例仅仅是示意性的，例如，上述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口、终端或单元的间接耦合或通信连接，也可以是电的，机械的或其它的形式连接。
73.上述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本发明实施例方案的目的。
74.另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
75.上述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例上述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、磁碟或者光盘等各种可以存储程序代码的介质。在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。