展示位置的确定方法、装置、电子设备及存储介质与流程

1.本公开涉及可视化展示领域，尤其涉及一种展示位置的确定方法、装置、电子设备及存储介质。


背景技术：

2.线段图表可以有效帮助用户进行数据分析，在线段图表上增加标签更容易说明数据内容。相关技术中是按照固定方式展示标签，例如，统一将标签展示在要指示的点的右方。然而，在线段图表上存在两个位置非常接近的标签时，两个标签可能会发生冲突、重叠。


技术实现要素：

3.为克服相关技术中存在的问题，本公开提供一种展示位置的确定方法、装置、电子设备及存储介质。本公开的技术方案如下：
4.根据本公开实施例的第一方面，提供一种展示位置的确定方法，包括：
5.获取两个指示点的横向间距和纵向间距，以及获取所述指示点的素材的宽度和高度；
6.根据所述素材的宽度确定横向间距阈值，以及根据所述素材的高度确定纵向间距阈值；
7.在所述两个指示点的横向间距大于所述横向间距阈值，和/或，所述纵向间距大于所述纵向间距阈值的情况下，根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置；
8.在所述两个指示点的横向间距不大于所述横向间距阈值，且所述纵向间距不大于所述纵向间距阈值的情况下，根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置。
9.可选地，所述根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置，包括：
10.在所述第二斜率为正或为负的情况下，将所述两个指示点中纵坐标较大的指示点确定为第一指示点，并将纵坐标较小的指示点确定为第二指示点；
11.在所述第二斜率为正的情况下，将所述第一指示点的左上方，确定为所述第一指示点的素材的展示位置，以及将所述第二指示点的右下方，确定为所述第二指示点的素材的展示位置；
12.在所述第二斜率为负的情况下，将所述第一指示点的右上方，确定为所述第一指示点的素材的展示位置，以及将所述第二指示点的左下方，确定为所述第二指示点的素材的展示位置。
13.可选地，所述根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置，包括：
14.在所述第二斜率为0的情况下，将所述两个指示点中横坐标较大的指示点确定为
第三指示点，并将横坐标较小的指示点确定为第四指示点；
15.将所述第三指示点的右上方，确定为所述第三指示点的素材的展示位置，以及将所述第四指示点的左下方，确定为所述第四指示点的素材的展示位置；或，
16.将所述第三指示点的右下方，确定为所述第三指示点的素材的展示位置，以及将所述第四指示点的左上方，确定为所述第四指示点的素材的展示位置。
17.可选地，所述根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置，包括：
18.在不存在所述第二斜率的情况下，将所述两个指示点中纵坐标较大的指示点确定为第五指示点，并将纵坐标较小的指示点确定为第六指示点；
19.将所述第五指示点的右上方，确定为所述第五指示点的素材的展示位置，以及将所述第六指示点的左下方，确定为所述第六指示点的素材的展示位置；或，
20.将所述第五指示点的左上方，确定为所述第五指示点的素材的展示位置，以及将所述第六指示点的右下方，确定为所述第六指示点的素材的展示位置。
21.可选地，所述指示点为展示内容上的指示点，在所述素材的展示位置与所述展示内容发生重叠的情况下，还包括：
22.根据所述素材的展示位置与所述素材对应的指示点，确定所述素材的新展示位置；
23.其中，在所述第二斜率为0的情况下，所述新展示位置和所述展示位置，关于所述素材对应的指示点所在的水平线轴对称；
24.在所述第二斜率为正或为负或不存在的情况下，所述新展示位置和所述展示位置，关于所述素材对应的指示点所在的竖直的线轴对称。
25.可选地，所述根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置，包括：
26.在所述指示点的切线的第一斜率为正的情况下，将所述指示点的左上方，确定为所述指示点的素材的展示位置；
27.在所述指示点的切线的第一斜率为负的情况下，将所述指示点的右上方，确定为所述指示点的素材的展示位置。
28.可选地，所述根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置，包括：
29.在所述指示点的切线的第一斜率为0的情况下，将所述指示点的上方或下方，确定为所述指示点的素材的展示位置；
30.在所述指示点的切线的第一斜率不存在的情况下，将所述指示点的左方或右方，确定为所述指示点的素材的展示位置。
31.根据本公开实施例的第二方面，提供一种展示位置的确定装置，包括：
32.获取模块，被配置为获取两个指示点的横向间距和纵向间距，以及获取所述指示点的素材的宽度和高度；
33.确定模块，被配置为根据所述素材的宽度确定横向间距阈值，以及根据所述素材的高度确定纵向间距阈值；
34.第一位置确定模块，被配置为在所述两个指示点的横向间距大于所述横向间距阈
值，和/或，所述纵向间距大于所述纵向间距阈值的情况下，根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置；
35.第二位置确定模块，被配置为在所述两个指示点的横向间距不大于所述横向间距阈值，且所述纵向间距不大于所述纵向间距阈值的情况下，根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置。
36.根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如第一方面所述的展示位置的确定方法。
37.根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如第一方面所述的展示位置的确定方法。
38.根据本公开实施例的第五方面，提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的展示位置的确定方法。
39.本公开的实施例提供的技术方案可以包括以下有益效果：
40.本公开中，可以根据素材的宽度和高度分别确定横向间距阈值和纵向间距阈值，从而根据两个指示点的横向间距是否大于横向间距阈值，以及两个指示点的纵向间距是否大于纵向间距阈值，判断采用何种方法确定两个指示点各自的素材的展示位置。
41.在两个指示点的横向间距大于横向间距阈值，和/或，两个指示点的纵向间距大于纵向间距阈值的情况下，证明两个指示点相距较远，两个指示点的素材的展示位置不会发生冲突或重叠，因此可以直接根据指示点自身的切线的第一斜率，确定该指示点的素材的展示位置。
42.在两个指示点的横向间距不大于横向间距阈值，且两个指示点的纵向间距不大于纵向间距阈值的情况下，证明两个指示点相距较近，因此，根据两个指示点的连线的第二斜率，确定两个指示点各自的素材的展示位置。其中，根据两个指示点的连线的第二斜率确定展示位置，同时考虑了两个指示点的素材，因此，确定出的两个素材的展示位置不会发生冲突、重叠。
43.如此，在两个指示点的横向间距和纵向间距不同时，确定的两个指示点的素材的展示位置也不同，避免了按照固定方式确定素材的展示位置导致素材发生冲突、重叠的情况。
44.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
45.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。
46.图1是根据一示例性实施例示出的一种展示位置的确定方法的流程图；
47.图2是根据一示例性实施例示出的指示点和素材的示意图；
48.图3是根据一示例性实施例示出的素材的两种展示位置的示意图；
49.图4是根据一示例性实施例示出的素材的两种展示位置的另一示意图；
50.图5是根据一示例性实施例示出的两个素材的两种展示位置的示意图；
51.图6是根据一示例性实施例示出的不正确的素材的展示位置的示意图；
52.图7是根据一示例性实施例示出的素材的新展示位置的示意图；
53.图8是根据一示例性实施例示出的素材的新展示位置的另一示意图；
54.图9是根据一示例性实施例示出的一种展示位置的确定装置的框图；
55.图10是根据一示例性实施例示出的一种用于展示位置的确定的装置的框图；
56.图11是根据一示例性实施例示出的一种用于展示位置的确定的装置的框图。
具体实施方式
57.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
58.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
59.图1是根据一示例性实施例示出的一种展示位置的确定方法的流程图，如图1所示，该展示位置的确定方法可以用于计算机、手机、平板电脑等电子设备中，包括以下步骤。
60.在步骤s11中，获取两个指示点的横向间距和纵向间距，以及获取所述指示点的素材的宽度和高度。
61.指示点可以是展示的内容中的任一点，展示内容可以为线段图表等，例如可以为走势图、折线图、柱状图等。素材可以为标签、文本框和图标等。指示点的素材，是指用于描述/指示该指示点的素材。图2是根据一示例性实施例示出的指示点和素材的示意图。其中，展示内容为走势图，图中的小圆点为指示点，矩形为素材，该素材指示该指示点对应的人数为8人。
62.在步骤s12中，根据所述素材的宽度确定横向间距阈值，以及根据所述素材的高度确定纵向间距阈值。
63.横向间距阈值用于判断两个指示点在横向上是否接近，纵向间距阈值用于判断两个指示点在纵向上是否接近。可以将素材的n倍宽度确定为横向间距阈值，将素材的m倍高度确定为纵向间距阈值，其中，n和m的取值可以为2、2.5、3等。
64.在步骤s13中，在所述两个指示点的横向间距大于所述横向间距阈值，和/或，所述纵向间距大于所述纵向间距阈值的情况下，根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置。
65.在两个指示点的位置不接近时，不用担心该指示点的素材会与另一素材的素材发生冲突或重叠，因此，可以直接分别为每个指示点确定该指示点的素材的展示位置。后文将介绍如何根据指示点的切线的第一斜率，确定指示点的素材的展示位置。
66.无论两个指示点在纵向上是否接近，只要两个指示点的横向间距足够大，则两个指示点的位置不接近。因此，在两个指示点的横向间距大于横向间距阈值的情况下，可以根
据两个指示点中每个指示点的切线的第一斜率，确定该指示点的素材的展示位置。
67.无论两个指示点在横向上是否接近，只要两个指示点的纵向间距足够大，则两个指示点的位置不接近。因此，在两个指示点的纵向间距大于纵向间距阈值的情况下，可以根据两个指示点中每个指示点的切线的第一斜率，确定该指示点的素材的展示位置。
68.两个指示点在横向和纵向上都不接近时，则两个指示点的位置不接近。因此，在两个指示点的横向间距大于横向间距阈值，且两个指示点的纵向间距大于纵向间距阈值的情况下，可以根据两个指示点中每个指示点的切线的第一斜率，确定该指示点的素材的展示位置。
69.在步骤s14中，在所述两个指示点的横向间距不大于所述横向间距阈值，且所述纵向间距不大于所述纵向间距阈值的情况下，根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置。
70.在两个指示点的位置接近时，两个指示点的素材可能会发生冲突或重叠，因此，在确定素材的展示位置时，通过两个指示点的连线的第二斜率确定素材的展示位置，同时考虑了两个指示点，可以有效避免两个指示点的素材可能会发生冲突或重叠。后文将介绍如何根据两个指示点的连线的第二斜率，确定两个指示点的素材各自的展示位置。
71.在两个指示点的横向间距不大于横向间距阈值，且两个指示点的纵向间距不大于纵向间距阈值的情况下，可以确定两个指示点的位置接近，因此，可以根据两个指示点的连线的第二斜率，确定两个指示点各自的素材的展示位置。
72.采用本公开实施例的技术方案，可以根据素材的宽度和高度分别确定横向间距阈值和纵向间距阈值，从而根据两个指示点的横向间距是否大于横向间距阈值，以及两个指示点的纵向间距是否大于纵向间距阈值，判断采用何种方法确定两个指示点各自的素材的展示位置。在两个指示点的横向间距大于横向间距阈值，和/或，两个指示点的纵向间距大于纵向间距阈值的情况下，证明两个指示点相距较远，两个指示点的素材的展示位置不会发生冲突或重叠，因此可以直接根据指示点自身的切线的第一斜率，确定该指示点的素材的展示位置。在两个指示点的横向间距不大于横向间距阈值，且两个指示点的纵向间距不大于纵向间距阈值的情况下，证明两个指示点相距较近，因此，根据两个指示点的连线的第二斜率，确定两个指示点各自的素材的展示位置。其中，根据两个指示点的连线的第二斜率确定展示位置，同时考虑了两个指示点的素材，因此，确定出的两个素材的展示位置不会发生冲突、重叠。如此，在两个指示点的横向间距和纵向间距不同时，确定的两个指示点的素材的展示位置也不同，避免了按照固定方式确定素材的展示位置导致素材发生冲突、重叠的情况。
73.下面将介绍如何根据指示点的切线的第一斜率，确定指示点的素材的展示位置。
74.在两个指示点的横向间距大于横向间距阈值，和/或，两个指示点的纵向间距大于纵向间距阈值的情况下，针对两个指示点中的每一指示点按照如下方法确定该指示点的素材的展示位置：获取该指示点所在的切线的第一斜率，判断第一斜率是否存在，为正或为负或0。
75.在指示点的切线的第一斜率为正的情况下，将该指示点的左上方，确定为指示点的素材的展示位置。可选地，可以让素材的右下角对准或贴近指示点，以避免素材与指示点相距太远，使用户无法准确判断该素材对应的指示点。
76.在指示点的切线的第一斜率为负的情况下，将该指示点的右上方，确定为指示点的素材的展示位置。可选地，可以让素材的左下角对准或贴近指示点。
77.图3是根据一示例性实施例示出的素材的两种展示位置的示意图。图中的小圆点为指示点，矩形为素材。指示点的切线的第一斜率为负，则素材在指示点的右上方，第一斜率为正，则素材在指示点的左上方。
78.如此，在确定的素材的展示位置对素材进行展示，一方面可以准确确定展示的素材对应的指示点，另一方面还尽可能地避免了与要展示的线段图表发生重叠。
79.在指示点的切线的第一斜率为0的情况下，证明该指示点所在的切线为水平线，此时，可以将指示点的上方或下方，确定为指示点的素材的展示位置。例如，可以将指示点的正上方、左上方、右上方、正下方、左下方或右下方，确定为指示点的素材的展示位置。如此，避免了素材展示在指示点的右方或左方，可能使素材与要展示的线段图表发生重叠的情况。
80.在指示点的切线的第一斜率不存在的情况下，证明该指示点所在的切线为与水平线相垂直的竖直的线，此时，可以将指示点的左方或右方，确定为指示点的素材的展示位置。例如，可以将指示点的右上方、正右方、右下方、左上方、正左方或左下方，确定为指示点的素材的展示位置。如此，避免了素材展示在指示点的上方或下方，可能使素材与要展示的线段图表发生重叠的情况。
81.可以理解的是，在仅仅存在一个指示点，或存在多个距离较远的指示点时，都可以按照前文所述的根据指示点所在的切线的斜率，确定指示点的素材的展示位置。
82.图4是根据一示例性实施例示出的素材的两种展示位置的另一示意图。图中的小圆点为指示点，矩形为素材。指示点的切线的第一斜率为0，素材的展示位置可以在指示点的正上方，不存在第一斜率，素材的展示位置可以在指示点的左上方。
83.下面将介绍如何根据两个指示点的连线的第二斜率，确定两个指示点的素材各自的展示位置。
84.在两个指示点的横向间距不大于横向间距阈值，且两个指示点的纵向间距不大于纵向间距阈值的情况下，将两个指示点相连，并获取两个指示点的连线的斜率。
85.在第二斜率为正或为负的情况下，证明两个指示点的横纵坐标都不同，因此，可以将两个指示点中纵坐标较大的指示点，确定为第一指示点(靠上的指示点)，将两个指示点中纵坐标较小的指示点，确定为第二指示点(靠下的指示点)。
86.图5示出了两个距离接近的指示点(黑色的小圆点)，以及该两个指示点的连线，以及两个指示点的连线的第二斜率不同时，素材的展示位置。
87.如图5所示，在第二斜率为正的情况下，第一指示点为两个指示点中偏上、右的指示点，第二指示点为两个指示点中偏下、左的指示点。将第一指示点的左上方，确定为第一指示点的素材的展示位置，以及将第二指示点的右下方，确定为第二指示点的素材的展示位置。具体地，可以使第一指示点的素材的右下角对准或贴近第一指示点，使第二指示点的素材的左上角对准或贴近第二指示点，以避免素材与指示点相距太远，使用户无法准确判断每个素材对应的指示点。
88.如图5所示，在第二斜率为负的情况下，第一指示点为两个指示点中偏上、左的指示点，第二指示点为两个指示点中偏下、右的指示点。将第一指示点的右上方，确定为第一
指示点的素材的展示位置，以及将第二指示点的左下方，确定为第二指示点的素材的展示位置。具体地，可以使第一指示点的素材的左下角对准或贴近第一指示点，使第二指示点的素材的右上角对准或贴近第二指示点，以避免素材与指示点相距太远，使用户无法准确判断每个素材对应的指示点。
89.从图5可以看出，即使两个指示点距离较近，但本公开实施例提出的展示位置确定方法确定的两个素材的展示位置，不会发生冲突，也不容易造成误解(将a指示点的素材误解为b指示点的素材)。
90.可以理解的是，两个指示点的连线的第二斜率，在一定程度上也反映了展示的线段图表的走势，在第二斜率为正的情况下，线段图表的走势也更有可能为往上走，如图6所示，图6中的曲线为展示内容，小黑点为指示点，矩形为素材，两个指示点的第二斜率为正，此时若将第一指示点的素材的展示位置确定为第一指示点的右上方，则第一指示点的素材有较大概率与线段图表发生重叠。而本公开提出的展示位置的确定方法，将第一指示点的素材的展示位置确定为第一指示点的左上方，则可以尽可能地避免素材与线段图表发生重叠。其余各点的素材的展示位置同理。
91.如此，在第二斜率为正或为负的情况下，确定的素材的展示位置具有如下优点：
①
上方的指示点(第一指示点)的素材的展示位置靠上方，下方的指示点(第二指示点)的素材的展示位置靠下方，可以在纵向上使两个素材尽可能地远离，从而避免将一个指示点的素材视作另一指示点的素材的情况下，避免了造成误解；
②
在确定素材的展示位置应该靠左或靠右时，根据第二斜率预估线段图表的走势，尽可能地避免素材与展示的线段图表发生重叠。
92.在第二斜率为0的情况下，证明两个指示点的纵坐标相同，横坐标不同，因此，可以将两个指示点中横坐标较大的指示点，确定为第三指示点(靠右的指示点)，将两个指示点中横坐标较小的指示点，确定为第四指示点(靠左的指示点)。
93.因为第三指示点和第四指示点的间距较小，因此，可以使第三指示点的素材和第四指示点的素材在横向和纵向上都尽可能远离，以避免两个指示点的素材发生冲突。
94.可以将第三指示点的右上方，确定为第三指示点的素材的展示位置，以及将第四指示点的左下方，确定为第四指示点的素材的展示位置。具体地，可以是使第三指示点的素材的左下角对准或贴近第三指示点，使第四指示点的素材的右上角对准或贴近第四指示点，以避免素材与指示点相距太远，使用户无法准确判断每个素材对应的指示点。
95.可以将第三指示点的右下方，确定为第三指示点的素材的展示位置，以及将第四指示点的左上方，确定为第四指示点的素材的展示位置。具体地，可以是使第三指示点的素材的左上角对准或贴近第三指示点，使第四指示点的素材的右下角对准或贴近第四指示点，以避免素材与指示点相距太远，使用户无法准确判断每个素材对应的指示点。
96.如此，在第二斜率为0的情况下，确定的素材的展示位置具有如下优点：
①
右方的指示点(第三指示点)的素材的展示位置靠右方，左方的指示点(第四指示点)的素材的展示位置靠左方，可以在横向上使两个素材尽可能地远离；
②
一个素材靠上方时，另一个素材则靠下方，可以在纵向上使两个素材尽可能地远离，从而避免将一个指示点的素材视作另一指示点的素材的情况下，避免了造成误解。
97.在第二斜率不存在的情况下，证明两个指示点的横坐标相同，纵坐标不同，因此，
可以将两个指示点中纵坐标较大的指示点，确定为第五指示点(靠上的指示点)，将两个指示点中纵坐标较小的指示点，确定为第六指示点(靠下的指示点)。
98.与第二斜率为0时相同的原理，使两个指示点的素材在横向和纵向上都尽可能地远离。可以将第五指示点的右上方，确定为第五指示点的素材的展示位置，以及将第六指示点的左下方，确定为第六指示点的素材的展示位置。也可以将第五指示点的左上方，确定为第五指示点的素材的展示位置，以及将第六指示点的右下方，确定为第六指示点的素材的展示位置。
99.如此，在第二斜率不存在的情况下，确定的素材的展示位置具有如下优点：
①
上方的指示点(第五指示点)的素材的展示位置靠上方，下方的指示点(第六指示点)的素材的展示位置靠下方，可以在横向上使两个素材尽可能地远离；
②
一个素材靠左方时，另一个素材则靠右方，可以在纵向上使两个素材尽可能地远离，从而避免将一个指示点的素材视作另一指示点的素材的情况下，避免了造成误解。
100.可选地，在上述技术方案的基础上，尽管前文公开的展示位置的确定方法确定的素材的展示位置，已经尽可能地避免与要展示的线段图表发生重叠，但因为线段图表的走势具有不确定性，以及素材的高度和宽度影响等，确定的素材的展示位置依然有可能与要展示的线段图表等发生重叠。在素材的展示位置与展示内容发生重叠的情况下，可以调整素材的展示位置。
101.可以根据素材的展示位置与该素材对应的指示点，确定素材的新展示位置。在第二斜率为0的情况下，新展示位置和原本的展示位置，关于素材对应的指示点所在的水平线轴对称；在第二斜率为正或为负或不存在的情况下，新展示位置和原本的展示位置，关于素材对应的指示点所在的竖直的线轴对称。
102.因为第二斜率为0或不存在时，确定的两个指示点各自的素材的展示位置有两套，因此，在一套展示位置中会与展示内容发生重叠的情况下，可以选用另一套展示位置，在两套展示位置都会与展示内容发生重叠的情况下，再通过调整其中一套展示位置中与展示内容发生重叠的展示位置，得到两个素材的最终展示位置。
103.例如，在第二斜率为0时，一套展示位置为：第三指示点的素材的展示位置为第三指示点的右上方，第四指示点的素材的展示位置为第四指示点的左下方；另一套展示位置为：第三指示点的素材的展示位置为第三指示点的右下方，第四指示点的素材的展示位置为第四指示点的左上方。若第一套展示位置中，第三指示点的素材的展示位置与展示内容发生重叠，而第二套展示位置中两个指示点的素材的展示位置都不会与展示内容发生重叠，则可以直接选用第二套展示位置。若两套展示位置中都有素材的展示位置会与展示内容发生重叠，则再选其中一套进行调整，得到调整后的一套展示位置，调整后的展示位置将不会与展示内容发生重叠。
104.针对斜率为0的情况，确定的新展示位置依然要遵循两个素材在横向上尽可能远离的原则。因此，当一个素材的展示位置与展示内容发生重叠时，确定的新展示位置应该与原本的展示位置同属于左方或同属于右方，而调整新展示位置的上下位置。
105.因此，可以将该素材的新展示位置确定为与原本的展示位置关于该素材的指示点所在的水平线轴对称。若素材原本的展示位置为左上方，则将其调整为左下方；若素材原本的展示位置为左下方，则将其调整为左上方；若素材原本的展示位置为右上方，则将其调整
为右下方；若素材原本的展示位置为右下方，则将其调整为右上方。如图7所示，图7中的线条为展示内容，小黑点为指示点，矩形为素材，两个指示点的第二斜率为0，一个指示点的原展示位置为指示点的左上方，可以确定新展示位置为左下方，新展示位置和原展示位置关于指示点所在的水平线轴对称。素材原本的展示位置为指示点的左上方，将其调整到左下方后，则不会再与展示内容发生重叠。
106.针对斜率为正或为负或不存在的情况，确定的新展示位置依然要遵循两个素材在纵向上尽可能远离的原则。因此，当一个素材的展示位置与展示内容发生重叠时，确定的新展示位置应该与原本的展示位置同属于上方或同属于下方，而调整新展示位置的左右位置。
107.因此，可以将该素材的新展示位置确定为与原本的展示位置关于该素材的指示点所在的竖直的线轴对称。若素材原本的展示位置为左上方，则将其调整为右上方；若素材原本的展示位置为左下方，则将其调整为右下方；若素材原本的展示位置为右上方，则将其调整为左上方；若素材原本的展示位置为右下方，则将其调整为左下方。如图8所示，图8中的线条为展示内容，小黑点为指示点，矩形为素材，两个指示点的第二斜率为负，一个指示点的原展示位置为指示点的右上方，可以确定新展示位置为左上方，新展示位置和原展示位置关于指示点所在的竖直的线轴对称。素材原本的展示位置为指示点的左上方，将其调整到右上方后，则不会再与展示内容发生重叠。
108.在两个指示点的距离较远的情况下，若一个指示点的素材与展示内容发生重叠，可以直接遍历该指示点的左上方、左下方、右上方和右下方，将其中一个不会与展示内容发生重叠的位置确定为新展示位置。
109.采用本公开实施例的技术方案，在任一素材的展示位置与展示内容发生重叠的情况下，可以调整该素材的展示位置，从而解决素材的展示位置与展示内容发生重叠的问题。
110.在确定素材的展示位置时，还可以通过遍历指示点的左上方、左下方、右上方和右下方，确定素材的展示位置。然而，这种方法存在计算复杂的问题。采用本公开实施例的技术方案，可以根据指示点的第一斜率、两个指示点的连线的第二斜率，快速确定不会发生冲突、重叠的素材的展示位置，简化了计算难度和实现难度，具有计算简单、快捷的优点。
111.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
112.图9是根据一示例性实施例示出的一种展示位置的确定装置的框图，参照图9，该装置包括获取模块91、确定模块92、第一位置确定模块93和第二位置确定模块94。
113.获取模块91，被配置为获取两个指示点的横向间距和纵向间距，以及获取所述指示点的素材的宽度和高度；
114.确定模块92，被配置为根据所述素材的宽度确定横向间距阈值，以及根据所述素材的高度确定纵向间距阈值；
115.第一位置确定模块93，被配置为在所述两个指示点的横向间距大于所述横向间距阈值，和/或，所述纵向间距大于所述纵向间距阈值的情况下，根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置；
116.第二位置确定模块94，被配置为在所述两个指示点的横向间距不大于所述横向间距阈值，且所述纵向间距不大于所述纵向间距阈值的情况下，根据所述两个指示点的连线
的第二斜率，确定所述两个指示点各自的素材的展示位置。
117.可选地，所述第二位置确定模块94包括：
118.第一指示点确定单元，被配置为在所述第二斜率为正或为负的情况下，将所述两个指示点中纵坐标较大的指示点确定为第一指示点，并将纵坐标较小的指示点确定为第二指示点；
119.第一位置确定单元，被配置为在所述第二斜率为正的情况下，将所述第一指示点的左上方，确定为所述第一指示点的素材的展示位置，以及将所述第二指示点的右下方，确定为所述第二指示点的素材的展示位置；
120.第二位置确定单元，被配置为在所述第二斜率为负的情况下，将所述第一指示点的右上方，确定为所述第一指示点的素材的展示位置，以及将所述第二指示点的左下方，确定为所述第二指示点的素材的展示位置。
121.可选地，所述第二位置确定模块94包括：
122.第二指示点确定单元，被配置为在所述第二斜率为0的情况下，将所述两个指示点中横坐标较大的指示点确定为第三指示点，并将横坐标较小的指示点确定为第四指示点；
123.第三位置确定单元，被配置为将所述第三指示点的右上方，确定为所述第三指示点的素材的展示位置，以及将所述第四指示点的左下方，确定为所述第四指示点的素材的展示位置；或，
124.第四位置确定单元，被配置为将所述第三指示点的右下方，确定为所述第三指示点的素材的展示位置，以及将所述第四指示点的左上方，确定为所述第四指示点的素材的展示位置。
125.可选地，所述第二位置确定模块94包括：
126.第三指示点确定单元，被配置为在不存在所述第二斜率的情况下，将所述两个指示点中纵坐标较大的指示点确定为第五指示点，并将纵坐标较小的指示点确定为第六指示点；
127.第五位置确定单元，被配置为将所述第五指示点的右上方，确定为所述第五指示点的素材的展示位置，以及将所述第六指示点的左下方，确定为所述第六指示点的素材的展示位置；或，
128.第六位置确定单元，被配置为将所述第五指示点的左上方，确定为所述第五指示点的素材的展示位置，以及将所述第六指示点的右下方，确定为所述第六指示点的素材的展示位置。
129.可选地，所述指示点为展示内容上的指示点，在所述素材的展示位置与所述展示内容发生重叠的情况下，还包括：
130.新位置确定模块，被配置为根据所述素材的展示位置与所述素材对应的指示点，确定所述素材的新展示位置；
131.其中，在所述第二斜率为0的情况下，所述新展示位置和所述展示位置，关于所述素材对应的指示点所在的水平线轴对称；
132.在所述第二斜率为正或为负或不存在的情况下，所述新展示位置和所述展示位置，关于所述素材对应的指示点所在的竖直的线轴对称。
133.可选地，所述第一位置确定模块93包括：
134.第七位置确定单元，被配置为在所述指示点的切线的第一斜率为正的情况下，将所述指示点的左上方，确定为所述指示点的素材的展示位置；
135.第八位置确定单元，被配置为在所述指示点的切线的第一斜率为负的情况下，将所述指示点的右上方，确定为所述指示点的素材的展示位置。
136.可选地，所述第一位置确定模块93包括：
137.第九位置确定单元，被配置为在所述指示点的切线的第一斜率为0的情况下，将所述指示点的上方或下方，确定为所述指示点的素材的展示位置；
138.第十位置确定单元，被配置为在所述指示点的切线的第一斜率不存在的情况下，将所述指示点的左方或右方，确定为所述指示点的素材的展示位置。
139.关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
140.图10是根据一示例性实施例示出的一种用于展示位置的确定的装置100的框图。例如，装置100可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
141.参照图1，装置100可以包括以下一个或多个组件：处理组件102，存储器104，电力组件106，多媒体组件108，音频组件110，输入/输出(i/o)的接口112，传感器组件114，以及通信组件116。
142.处理组件102通常控制装置100的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件102可以包括一个或多个处理器120来执行指令，以完成上述展示位置的确定方法的全部或部分步骤。此外，处理组件102可以包括一个或多个模块，便于处理组件102和其他组件之间的交互。例如，处理组件102可以包括多媒体模块，以方便多媒体组件108和处理组件102之间的交互。
143.存储器104被配置为存储各种类型的数据以支持在装置100的操作。这些数据的示例包括用于在装置100上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器104可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。
144.电源组件106为装置100的各种组件提供电力。电源组件106可以包括电源管理系统，一个或多个电源，及其他与为装置100生成、管理和分配电力相关联的组件。
145.多媒体组件108包括在所述装置100和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(lcd)和触摸面板(tp)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件108包括一个前置摄像头和/或后置摄像头。当装置100处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
146.音频组件110被配置为输出和/或输入音频信号。例如，音频组件110包括一个麦克
风(mic)，当装置100处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器104或经由通信组件116发送。在一些实施例中，音频组件110还包括一个扬声器，用于输出音频信号。
147.i/o接口112为处理组件102和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
148.传感器组件114包括一个或多个传感器，用于为装置100提供各个方面的状态评估。例如，传感器组件114可以检测到装置100的打开/关闭状态，组件的相对定位，例如所述组件为装置100的显示器和小键盘，传感器组件114还可以检测装置100或装置100一个组件的位置改变，用户与装置100接触的存在或不存在，装置100方位或加速/减速和装置100的温度变化。传感器组件114可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件114还可以包括光传感器，如cmos或ccd图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件114还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
149.通信组件116被配置为便于装置100和其他设备之间有线或无线方式的通信。装置100可以接入基于通信标准的无线网络，如wifi，运营商网络(如2g、3g、4g或5g)，或它们的组合。在一个示例性实施例中，通信组件116经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件116还包括近场通信(nfc)模块，以促进短程通信。例如，在nfc模块可基于射频识别(rfid)技术，红外数据协会(irda)技术，超宽带(uwb)技术，蓝牙(bt)技术和其他技术来实现。
150.在示例性实施例中，装置100可以被一个或多个应用专用集成电路(asic)、数字信号处理器(dsp)、数字信号处理设备(dspd)、可编程逻辑器件(pld)、现场可编程门阵列(fpga)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述展示位置的确定方法。
151.在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器104，上述指令可由装置100的处理器120执行以完成上述展示位置的确定方法。例如，所述非临时性计算机可读存储介质可以是rom、随机存取存储器(ram)、cd-rom、磁带、软盘和光数据存储设备等。
152.图11是根据一示例性实施例示出的一种用于展示位置的确定的装置1100的框图。例如，装置1100可以被提供为一服务器。参照图11，装置1100包括处理组件1122，其进一步包括一个或多个处理器，以及由存储器1132所代表的存储器资源，用于存储可由处理组件1122的执行的指令，例如计算机程序产品。存储器1132中存储的计算机程序产品可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1122被配置为执行指令，以执行上述展示位置的确定方法。
153.装置1100还可以包括一个电源组件1126被配置为执行装置1100的电源管理，一个有线或无线网络接口1150被配置为将装置1100连接到网络，和一个输入输出(i/o)接口1158。装置1100可以操作基于存储在存储器1132的操作系统，例如windows servertm，mac os xtm，unixtm,linuxtm，freebsdtm或类似。
154.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其
它实施方案。本技术旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。
155.应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

技术特征：
1.一种展示位置的确定方法，其特征在于，包括：获取两个指示点的横向间距和纵向间距，以及获取所述指示点的素材的宽度和高度；根据所述素材的宽度确定横向间距阈值，以及根据所述素材的高度确定纵向间距阈值；在所述两个指示点的横向间距大于所述横向间距阈值，和/或，所述纵向间距大于所述纵向间距阈值的情况下，根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置；在所述两个指示点的横向间距不大于所述横向间距阈值，且所述纵向间距不大于所述纵向间距阈值的情况下，根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置。2.根据权利要求1所述的方法，其特征在于，所述根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置，包括：在所述第二斜率为正或为负的情况下，将所述两个指示点中纵坐标较大的指示点确定为第一指示点，并将纵坐标较小的指示点确定为第二指示点；在所述第二斜率为正的情况下，将所述第一指示点的左上方，确定为所述第一指示点的素材的展示位置，以及将所述第二指示点的右下方，确定为所述第二指示点的素材的展示位置；在所述第二斜率为负的情况下，将所述第一指示点的右上方，确定为所述第一指示点的素材的展示位置，以及将所述第二指示点的左下方，确定为所述第二指示点的素材的展示位置。3.根据权利要求1所述的方法，其特征在于，所述根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置，包括：在所述第二斜率为0的情况下，将所述两个指示点中横坐标较大的指示点确定为第三指示点，并将横坐标较小的指示点确定为第四指示点；将所述第三指示点的右上方，确定为所述第三指示点的素材的展示位置，以及将所述第四指示点的左下方，确定为所述第四指示点的素材的展示位置；或，将所述第三指示点的右下方，确定为所述第三指示点的素材的展示位置，以及将所述第四指示点的左上方，确定为所述第四指示点的素材的展示位置。4.根据权利要求1所述的方法，其特征在于，所述根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置，包括：在不存在所述第二斜率的情况下，将所述两个指示点中纵坐标较大的指示点确定为第五指示点，并将纵坐标较小的指示点确定为第六指示点；将所述第五指示点的右上方，确定为所述第五指示点的素材的展示位置，以及将所述第六指示点的左下方，确定为所述第六指示点的素材的展示位置；或，将所述第五指示点的左上方，确定为所述第五指示点的素材的展示位置，以及将所述第六指示点的右下方，确定为所述第六指示点的素材的展示位置。5.根据权利要求1-4任一所述的方法，其特征在于，所述指示点为展示内容上的指示点，在所述素材的展示位置与所述展示内容发生重叠的情况下，还包括：根据所述素材的展示位置与所述素材对应的指示点，确定所述素材的新展示位置；
其中，在所述第二斜率为0的情况下，所述新展示位置和所述展示位置，关于所述素材对应的指示点所在的水平线轴对称；在所述第二斜率为正或为负或不存在的情况下，所述新展示位置和所述展示位置，关于所述素材对应的指示点所在的竖直的线轴对称。6.根据权利要求1所述的方法，其特征在于，所述根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置，包括：在所述指示点的切线的第一斜率为正的情况下，将所述指示点的左上方，确定为所述指示点的素材的展示位置；在所述指示点的切线的第一斜率为负的情况下，将所述指示点的右上方，确定为所述指示点的素材的展示位置。7.根据权利要求1所述的方法，其特征在于，所述根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置，包括：在所述指示点的切线的第一斜率为0的情况下，将所述指示点的上方或下方，确定为所述指示点的素材的展示位置；在所述指示点的切线的第一斜率不存在的情况下，将所述指示点的左方或右方，确定为所述指示点的素材的展示位置。8.一种展示位置的确定装置，其特征在于，包括：获取模块，被配置为获取两个指示点的横向间距和纵向间距，以及获取所述指示点的素材的宽度和高度；确定模块，被配置为根据所述素材的宽度确定横向间距阈值，以及根据所述素材的高度确定纵向间距阈值；第一位置确定模块，被配置为在所述两个指示点的横向间距大于所述横向间距阈值，和/或，所述纵向间距大于所述纵向间距阈值的情况下，根据所述两个指示点各自的切线的第一斜率，确定所述两个指示点各自的素材的展示位置；第二位置确定模块，被配置为在所述两个指示点的横向间距不大于所述横向间距阈值，且所述纵向间距不大于所述纵向间距阈值的情况下，根据所述两个指示点的连线的第二斜率，确定所述两个指示点各自的素材的展示位置。9.一种电子设备，其特征在于，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如权利要求1至7中任一项所述的展示位置的确定方法。10.一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至7中任一项所述的展示位置的确定方法。

技术总结
本公开关于一种展示位置的确定方法、装置、电子设备及存储介质，该方法包括：获取两个指示点的横向间距和纵向间距，以及获取指示点的素材的宽度和高度；根据素材的宽度确定横向间距阈值，以及根据素材的高度确定纵向间距阈值；在两个指示点的横向间距大于横向间距阈值，和/或，纵向间距大于纵向间距阈值的情况下，根据两个指示点各自的切线的第一斜率，确定两个指示点各自的素材的展示位置；在两个指示点的横向间距不大于横向间距阈值，且纵向间距不大于纵向间距阈值的情况下，根据两个指示点的连线的第二斜率，确定两个指示点各自的素材的展示位置。本公开通过两个指示点的间距，灵活确定指示点的素材的展示位置，避免了素材发生重叠。发生重叠。发生重叠。


技术研发人员：陈池 唐万超
受保护的技术使用者：北京达佳互联信息技术有限公司
技术研发日：2023.04.25
技术公布日：2023/8/14