[发明专利]标签文本的显示方法及装置

说明书

技术领域

本发明涉及信息技术领域，尤其涉及一种标签文本的显示方法及装置。

背景技术

近些年来，随着互联网、云计算、大数据的飞速发展，数据可视化对互联网产品的影响越来越大，为了更好的展现产品中的数据，可以采用图表显示的方式。目前有许多的图表提供软件，但是有时会存在图表中的标签文本在过长的情况下无法全部显示的问题。例如，Echart是百度公司推出的一款数据可视化产品，以其开源、免费、易用、图表类型丰富、拓展方便的优点迅速占领了全球数据可视化产品的市场。Echart数据图表类型丰富，环形图是其产品中使用较广泛的图表类型之一，但是Echart中的环形图标签文本在过长的情况下，超出Echart环形图所在父容器区域的部分会被隐藏，用户无法看见，影响了用户体验。

目前为了解决上述问题，可以修改标签文本的长度，进而实现缩短标签文本长度的目的，然而，有时标签文本的内容需要全部进行显示，这样会限制业务的发展；还可以通过增大图表所在父容器的尺寸的方式，实现将图表中的标签文本进行全部显示，但是在大多数情况下网页中除了图表外还有其他网页元素，通过增大图表所在父容器的尺寸的方式会对整个页面的布局、排版造成影响，导致整个网页布局紊乱或者不够美观。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的标签文本的显示方法及装置。

为了达到上述目的，本发明主要提供如下技术方案：

一方面，本发明提供了一种标签文本的显示方法，该方法包括：

计算图表对应的标签文本的显示宽度，以及计算所述图表中的标签文 本显示区域的最大宽度；

检测所述显示宽度是否大于所述最大宽度；

若所述显示宽度大于所述最大宽度，则根据所述显示宽度以及所述最大宽度，确定所述标签文本中待换行显示部分的起始位置；

当显示所述标签文本时，根据所述起始位置，对所述标签文本中待换行显示部分进行换行显示。

另一方面，本发明提供了一种标签文本的显示装置，该装置包括：

计算单元，用于计算图表对应的标签文本的显示宽度；

所述计算单元，还用于计算所述图表中的标签文本显示区域的最大宽度；

检测单元，用于检测所述计算单元计算的显示宽度是否大于所述最大宽度；

确定单元，用于若所述检测单元检测出所述显示宽度大于所述最大宽度，则根据所述显示宽度以及所述最大宽度，确定所述标签文本中待换行显示部分的起始位置；

显示单元，用于当显示所述标签文本时，根据所述确定单元确定的起始位置，对所述标签文本中待换行显示部分进行换行显示。

借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：

本发明提供的一种标签文本的显示方法及装置，首先计算图表对应的标签文本的显示宽度，以及计算所述图表中的标签文本显示区域的最大宽度；然后检测所述显示宽度是否大于所述最大宽度；若所述显示宽度大于所述最大宽度，则根据所述显示宽度以及所述最大宽度，确定所述标签文本中待换行显示部分的起始位置；当显示所述标签文本时，根据所述起始位置，对所述标签文本中待换行显示部分进行换行显示。与现有技术相比，本发明不需要修改标签文本长度，不会对图表的数据展示效果以及用户理解带来影响，并且不需要修改图表所在父容器的尺寸，不会造成整个页面布局紊乱或者对页面整体的美观性及用户体验带来影响，而且对图表空白区域做了充分、合理的利用，既解决了标签文本过长无法显示的问题又不会对页面布局和美观性带来影响。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种标签文本的显示方法流程示意图；

图2示出了本发明实施例提供的另一种标签文本的显示方法流程示意图；

图3示出了本发明实施例提供的一种标签文本的显示装置结构示意图；

图4示出了本发明实施例提供的另一种标签文本的显示装置结构示意图。

具体实施方式