[发明专利]tab组件里的图表跨界交互方法、装置、设备及介质

说明书

本发明实施例涉及报表技术领域，公开了一种tab组件里的图表跨界交互方法、装置、设备及介质。该方法包括：分别为画布和tab建立X‑Y坐标系；定义，tab和目标图表在画布的X‑Y坐标系中的左上角坐标，以及定义目标图表在tab的X‑Y坐标系中的左上角坐标；监听对目标图表的拖动操作，在将目标图表从画布中拖入tab时，如果满足第一组条件，则判断目标图表整体都被拖入tab中；在将目标图表从tab拖入画布时，如果第二组条件均不满足，则判断目标图表整体超出不在tab中。实施本发明实施例，可以通过参照物的转换确定图表最终的归属容器，同时，在图表被拖动到画布中时，可以实现其坐标纠正，以保证其位于画布中。

技术领域

本发明涉及报表技术领域，具体涉及一种tab组件里的图表跨界交互方法、装置、设备及介质。

背景技术

在报表涉及的过程中，经常用到画布和tab组件，其中，画布是一个容器，有自己的边界，里面的图表(一种报表体现形式)只能在其范围内移动。

tab是一个图表组件，它可以：

1、直接在组件库中拖入画布中；

2、装载除自己以外的任何图表(无论是画布中的图表拖入tab、还是组件库中图表拖入tab)；

3、tab也是一个容器，有自己的边界，里面的图表可以在其范围内移动，也可以拖到画布中。

因为画布和tab都是容器，而图表可以在两个容器中相互移动，但是相互移动过程中会造成参照对象发生变化(当画布中的图表拖动时，移动的参照对象是画布；而tab里的图表拖动时，参照对象是tab)。

画布和tab可以理解为不同的图层，二者均具有自己的坐标系，在参照对象发生变化时，很难确定图表移动后的容器归属，容易造成在参照对象发生变化时，如果不能确定移动图表的容器归属，造成移动的图表不能显示。因为它不属于画布或者tab里面的内容，无法赋予给对应的坐标，而且，当图表被拖入画布中，如果无法确定其容器归属，就不能在其超过画布边界时进行坐标的自动纠正。

发明内容

针对所述缺陷，本发明实施例公开了一种tab组件里的图表跨界交互方法、装置、设备及介质，其可以基于实现图表在tab和画布中的移动穿插，并可以确定其移动后的容器归属。

本发明实施例第一方面公开一种tab组件里的图表跨界交互方法，所述方法包括：

分别为画布和tab建立X-Y坐标系，定义画布和tab的左上角在各自的X-Y坐标系的坐标为原点，每个X-Y坐标系从原点向右为正值，从原点向下为正值；

定义在画布的X-Y坐标系中，tab和目标图表的左上角坐标分别为(tx，ty)、(x0，y0)；定义在tab的X-Y坐标系中，目标图表的左上角坐标为(x1，y1)；

监听对目标图表的拖动操作，在将所述目标图表从画布中拖入tab时，如果满足以下所有条件：

tx≤x0；

ty≤y0；

tx+tWidth≥x0+Width；

ty+tHeight≥y0+Height；

则判断所述目标图表整体都被拖入tab中；

在将所述目标图表从tab拖入画布时，如果以下所有条件均不满足：

x1≥0；

y1≥0；

x1+Width＜tWidth；

y1+Height＜tHeight；

则判断所述目标图表整体超出不在tab中；