[发明专利]图表调整方法及装置

说明书

本发明提供了一种图表调整方法及装置，获取图表中的图例容器的宽度以及至少一个图例中各图例的宽度与高度，并根据所述图例容器的宽度与所述各图例的宽度，确定所述图例容器的目标行数，最后根据所述图例容器的目标行数与所述各图例的高度，调整所述图例容器的目标高度，使得图表中图例容器的目标高度能够与各图例的尺寸特征相适应，实现了图例容器的动态调整过程，从而在Echarts图表的图例个数发生变化时，仍能保证Echarts图表的正常显示。

技术领域

本发明涉及信息处理领域，更具体的说，涉及图表调整方法及装置。

背景技术

在大型商业系统的数据报表展示中，经常需要用到各种图表来展示各项数据指标一段时间内的发展趋势，例如，Echarts便是解决这一需求的常用工具。但是，在Echarts图表中，图例(legend)容器在生成后，其高度通常是固定不变的，然而，随着用户与图表之间的数据交互，图例的个数是动态变化的，因此，有时则会出现图例的摆放位置超出了图例容器的范围的情况，从而导致排版错乱，甚至遮挡图表中折线图、柱状图等图形。

传统的解决方案，在生成Echarts图表中的图例容器前，会先对可能出现的图例个数的最大值进行预估，再根据该图例个数的最大值，为图例容器设置一个最大的高度值，以此最大的高度值来生成图例容器，从而在图例个数发生动态变化时，避免图例摆放位置超出图例容器的高度范围的情况。但是，图例在动态变化过程中，其个数可能会远小于预估的最大值，从而又会导致图例容器中留下很大的空白区域，进而浪费了图例容器的显示空间，并且影响Echarts图表的展示效果。而且，当图例个数的随机性较大，使得其最大值无法预估时，使得该传统解决方案丧失可行性，导致无法实施。

因此，目前迫切需要一种能够在Echarts图表的图例个数发生变化时，仍保证Echarts图表正常显示的技术方案。

发明内容

有鉴于此，本发明提供了一种图表调整方法及装置，以解决目前在Echarts图表的图例个数发生变化时，无法保证Echarts图表正常显示的技术问题。

为实现上述目的，本发明提供如下技术方案：

一种图表调整方法，所述图表中包括图例容器与至少一个图例；所述方法包括：

获取所述图例容器的宽度，以及，所述至少一个图例中各图例的宽度与高度；

根据所述图例容器的宽度与所述各图例的宽度，确定所述图例容器的目标行数；

根据所述图例容器的目标行数与所述各图例的高度，调整所述图例容器的目标高度。

优选的，所述获取所述至少一个图例中各图例的宽度包括：

分别获取各图例中图例标记的宽度、图例文字的宽度与水平间隔的宽度；

根据所述各图例中图例标记的宽度、图例文字的宽度与水平间隔的宽度之和，分别确定所述各图例的宽度。

优选的，所述获取所述至少一个图例中各图例的高度包括：

获取任一图例中图例标记的高度、图例文字的高度与垂直间隔的高度；

获取所述图例标记的高度与所述图例文字的高度中的最大值；

根据所述最大值与所述垂直间隔的高度之和，确定所述各图例的高度。

优选的，所述根据所述图例容器的宽度与所述各图例的宽度，确定所述图例容器的目标行数包括：

根据所述图例容器的宽度与所述各图例的宽度，将所述至少一个图例划分成N组，其中，任一组中所有图例的总宽度不大于所述图例容器的宽度，N≥1；

根据所述N的值，确定所述图例容器的目标行数。