[发明专利]一种数据展示方法及装置

说明书

本申请公开了一种数据展示方法及装置。该方法包括获取针对目标业务类型的数据展示请求，数据展示请求包括不同待展示数据类型的数据值和数据单位；基于不同待展示数据类型的数据值和数据单位，确定不同待展示数据类型的目标展示信息；输出发送携带目标展示信息的数据展示响应，并按照预设展示格式，在展示区域展示目标展示信息。该方法可直观的看出不同条形图代表的数据值。提高了用户的视觉体验。

技术领域

本申请涉及数据处理技术领域，尤其涉及一种数据展示方法及装置。

背景技术

网页(Web)的数据显示是基于Web前端和Web后端之间的数据传输来实现的。目前，很多业务采用Web前端和Web后端分离的方式进行数据处理，通过应用程序编程接口(Application Programming Interface，API)方式进行数据传输；Web前端需要数据的时候，调用Web后端提供的API向Web后端请求数据，Web后端在底层存储(各种不同类型的数据库或文件存储等)中获取数据，并进行处理后响应前端的请求，返回处理后的数据；Web前端根据返回的数据进行显示。

为了使Web前端得到展示的数据，Web后端需要对该数据进行图表处理，得到图表数据，其中，现有技术中采用数据可视化展示库，对数据进行图表处理，数据可视化展示库可以包括Echart s数据图表展示库和HighCharts数据图表展示库。

然而，以Echarts和HighCharts展示的条形图为例，条形图的数据标准值一般是设定的固定值且图表中不展示该固定值，如图1所示，固定值为500，条形图A、条形图B和条形图C分别对应的数值为3、4和5。

可见，由于3、4和5远小于500，且数据值3、4和5对应的条形图的变化宽度相差不明显，在没有数据标准值500的参照的条件下，用户看不出各条形图对应的相应数值间的差别，降低了用户的视觉体验。

发明内容

本申请实施例提供一种数据展示方法及装置，解决了现有技术存在的上述问题，采用数据值对应的一类图层和数据标准值对应的另一类图层的展示图形能够直观上实现数据值间的比较，提高了用户的视觉体验。

第一方面，提供了一种数据展示方法，该方法可以包括：

获取针对目标业务类型的数据展示请求，所述数据展示请求包括不同待展示数据类型的数据值和数据单位；

基于所述不同待展示数据类型的数据值和所述数据单位，确定所述不同待展示数据类型的目标展示信息；其中，所述目标展示信息中包括展示图形的第一展示图层、所述展示图形的第二展示图层、每种待展示数据类型的数据值与所述数据单位，以及相应待展示数据类型的数据值与所述数据单位所占的字符宽度；所述第一展示图层的宽度表示所述不同待展示数据类型对应的数据标准值；所述第二展示图层的宽度表示所述每种待展示数据类型的数据值占所述数据标准值的比值；

输出发送携带所述目标展示信息的数据展示响应，并按照预设展示格式，在展示区域展示所述目标展示信息；所述预设展示格式用于按照所述第一展示图层的宽度、所述第二展示图层的宽度和所述字符宽度，在展示区域展示所述第一展示图层、所述第二展示图层、所述第二展示图层对应的待展示数据类型的数据值和所述数据单位所属区域。

在一个可选的实现中，基于所述不同待展示数据类型的数据值和所述数据单位，确定所述不同待展示数据类型的目标展示信息，包括：

基于所述每个待展示数据类型的数据值的数字字符数量和预设的字符像素宽度，确定所述每个待展示数据类型的数据值与所述数据单位所占的字符宽度；

基于获取的所述展示区域的全量宽度和所述各数据值中最大数值对应的字符宽度，确定所述第一展示图层的宽度；

基于所述第一展示图层的宽度、所述每种待展示数据类型的数据值与所述每种待展示数据类型的数据值的和值，确定所述第二展示图层的宽度。