[发明专利]数据图表显示方法和装置

说明书

技术领域

本申请涉及数据处理领域，具体而言，涉及一种数据图表显示方法和装置。

背景技术

随着移动互联网和智能手机的逐渐普及，越来越多传统的、在PC机上使用的软件逐渐向移动端转型，各类用于展示的商业报表也不例外，例如，ECharts，缩写来自Enterprise Charts，即商业级数据图表，它最初是为了满足公司商业体系里各种业务系统(如凤巢、广告管家等等)的报表需求，也可以适用于移动端。

现有许多数据图表都需要先指定容器以及容器的宽度高度进行绘制，例如，ECharts的图表绘制。此外，ECharts图表的装载必须要指定具体的高度(甚至不能用百分比来指定)，如果不指定具体的高度，在ECharts的初始化阶段就会出错。虽然ECharts指定容器宽度和高度进行图表绘制的策略使得开发人员很容易进行PC端的前端布局，但是在移动端，设备种类繁多，各自的屏幕大小均不相同，使用固定长度固定宽度的容器来装载图表显然不具备通用性。虽然ECharts针对移动设备性能和用户体验优化推出了ECharts Mobile(ECharts-m)1.0.0版本，但是现阶段也没有解决这一问题。使用固定大小的容器来装载图表，在移动端可能会出现部分空白或者整个屏幕装载不下一个图表的情况，影响界面美观和用户体验。

针对相关技术中数据图表无法自适应移动端大小进行显示的问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种数据图表显示方法和装置，以解决相关技术中数据图表无法自适应移动端大小进行显示的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种数据图表显示方法。该方法包括：获取目标设备屏幕中图表区域的大小，其中，目标设备为用于显示数据图表的设备，图表区域为目标设备屏幕中用于显示数据图表的区域；根据图表区域的大小生成数据图表；以及在目标设备屏幕中图表区域显示数据图表。

进一步地，获取目标设备屏幕中图表区域的大小包括：获取目标设备屏幕的大小；获取目标设备屏幕中非图表区域的大小，其中，非图表区域为目标设备屏幕中不是用 于显示数据图表的区域；以及根据目标设备屏幕的大小和非图表区域的大小确定图表区域的大小。

进一步地，根据图表区域的大小生成数据图表包括：获取图表区域的长度和宽度；将图表区域的长度和宽度分别作为数据图表的长度和宽度；以及根据数据图表的长度和宽度生成数据图表。

进一步地，根据图表区域的大小生成数据图表包括：判断图表区域的大小是否大于预设值；在判断出图表区域的大小大于预设值时，获取图表区域的长度和宽度；将图表区域的长度和宽度分别作为数据图表的长度和宽度；以及根据数据图表的长度和宽度生成数据图表。

进一步地，在判断出图表区域的大小不大于预设值时，该方法还包括：获取预设长度和预设宽度，并将预设长度和预设宽度分别作为数据图表的长度和宽度；以及根据数据图表的长度和宽度生成数据图表。

为了实现上述目的，根据本申请的另一方面，提供了一种据图表显示装置。该装置包括：第一获取单元，用于获取目标设备屏幕中图表区域的大小，其中，目标设备为用于显示数据图表的设备，图表区域为目标设备屏幕中用于显示数据图表的区域；第一生成单元，用于根据图表区域的大小生成数据图表；以及显示单元，用于在目标设备屏幕中图表区域显示数据图表。

进一步地，第一获取单元包括：第一获取模块，用于获取目标设备屏幕的大小；第二获取模块，用于获取目标设备屏幕中非图表区域的大小，其中，非图表区域为目标设备屏幕中不是用于显示数据图表的区域；以及确定模块，用于根据目标设备屏幕的大小和非图表区域的大小确定图表区域的大小。

进一步地，第一生成单元包括：第三获取模块，用于获取图表区域的长度和宽度；第一赋值模块，用于将图表区域的长度和宽度分别作为数据图表的长度和宽度；以及第一生成模块，用于根据数据图表的长度和宽度生成数据图表。

进一步地，第一生成单元包括：判断模块，用于判断图表区域的大小是否大于预设值；第四获取模块，用于在判断出图表区域的大小大于预设值时，获取图表区域的长度和宽度；第二赋值模块，用于将图表区域的长度和宽度分别作为数据图表的长度和宽度；以及第二生成模块，用于根据数据图表的长度和宽度生成数据图表。

进一步地，该装置还包括：第二获取单元，用于获取预设长度和预设宽度，并将预设长度和预设宽度分别作为数据图表的长度和宽度；以及第二生成单元，用于根据数据图表的长度和宽度生成数据图表。