一种轴标签的显示方法、装置、电子设备以及存储介质制造方法及图纸

本公开关于一种轴标签的显示方法、装置、电子设备以及存储介质，涉及页面设计技术领域。本公开实施例至少解决相关技术中，轴标签之间存在相互压盖的问题。该方法包括：获取目标坐标轴上至少一个轴标签中的目标轴标签，目标轴标签是至少一个轴标签中标签文本的字符串长度最长的轴标签；获取目标轴标签对应的目标标签宽度；在目标标签宽度大于轴标签的标签间距的情况下，根据标签间距和预置最小间距，得到目标轴标签对应的旋转角度；根据旋转角度，旋转并渲染显示至少一个轴标签，旋转后的相邻轴标签之间的垂直距离大于或等于预置最小间距。小间距。小间距。

【技术实现步骤摘要】
一种轴标签的显示方法、装置、电子设备以及存储介质


[0001]本公开涉及页面设计
，尤其涉及一种轴标签的显示方法、装置、电子设备以及存储介质。

技术介绍

[0002]在互联网Web前端绘制坐标系图表场景中，需要为坐标轴的轴刻度绘制轴标签，以指示坐标轴中数值的含义。由于用于显示坐标系图表的空间有限，在轴标签的数量较多或单个轴标签较长的情况下，可能导致多个轴标签之间相互压盖。这种相互压盖的显示方式，既不美观又导致用户不能快速获取坐标系图表中的数据信息。
[0003]在相关技术中，将轴标签按照固定角度旋转，以减少轴标签的所占的宽度，实现降低轴标签之间发生压盖的可能性，但是，轴标签经过旋转之后，能够减少的宽度有限，可能仍然存在压盖问题。

技术实现思路

[0004]本公开提供一种轴标签的显示方法、装置、电子设备以及存储介质，以至少解决相关技术中，轴标签之间存在相互压盖的问题。本公开的技术方案如下：
[0005]根据本公开实施例的第一方面，提供一种轴标签的显示方法，包括：获取目标坐标轴上至少一个轴标签中的目标轴标签，目本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种轴标签的显示方法，其特征在于，包括：获取目标坐标轴上至少一个轴标签中的目标轴标签，所述目标轴标签是所述至少一个轴标签中标签文本的字符串长度最长的轴标签；获取所述目标轴标签对应的目标标签宽度；在所述目标标签宽度大于轴标签的标签间距的情况下，根据所述标签间距和预置最小间距，得到所述目标轴标签对应的旋转角度；根据所述旋转角度，旋转并渲染显示所述至少一个轴标签，旋转后的相邻轴标签之间的垂直距离大于或等于所述预置最小间距。2.根据权利要求1所述的轴标签的显示方法，其特征在于，所述在所述目标标签宽度大于标签间距的情况下，根据所述标签间距和预置最小间距，得到所述目标轴标签对应的旋转角度之前，所述方法还包括：根据所述目标坐标轴的长度，以及所述至少一个轴标签中轴标签的标签数量，获取所述标签间距；其中，所述标签间距为：所述目标坐标轴上的相邻两个所述轴标签之间的距离，所述相邻两个所述轴标签对应N个轴刻度，其中，N大于或等于2，所述轴标签用于标记所述轴刻度。3.根据权利要求1所述的轴标签的显示方法，其特征在于，所述根据所述旋转角度，旋转并渲染显示所述至少一个轴标签，包括：以所述至少一个轴标签中的每个轴标签的旋转起点为中心，沿预置旋转方向，按照所述旋转角度旋转并渲染显示所述至少一个轴标签；其中，所述预置旋转方向为：使得所述目标轴标签远离所述目标坐标轴的方向，所述旋转起点为：轴标签贴近所述目标坐标轴一侧的两个标签顶点中，使得按照所述预置旋转方向旋转后的轴标签远离所述目标坐标轴的一个顶点。4.根据权利要求1所述的轴标签的显示方法，其特征在于，所述在所述目标标签宽度大于标签间距的情况下，根据所述标签间距和预置最小间距，得到所述目标轴标签对应的旋转角度之前，所述方法还包括：获取用户输入的所述预置最小间距。5.根据权利要求1所述的轴标签的显示方法，其特征在于，所述根据所述旋转角度，旋转并渲染显示所述至少一个轴标签，包括：响应于用户操作，从所述旋转角度对应可旋转范围中，选取目标旋转角度，所述可旋转范围为：从所述旋转角度至所述旋转角度的补角；按照所述目标旋...

【专利技术属性】
技术研发人员：杜亨莉，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：