[]
        
在线Demo 免费试用
(Showing Draft Content)

利用容器实现精准布局

1. 概述

1.1 功能概述

当报表中出现多个组件(如矩表+并列图表)预览位置偏移时,其根本原因是元素默认采用相对定位机制(基于首个组件坐标计算位置)。要确保所见即所得的精准布局,必须通过容器组件对元素进行分组和绝对定位控制。

设计界面

预览/查看界面

PixPin_2025-07-08_17-28-01

PixPin_2025-07-08_17-26-47

2. 操作步骤

2.1 创建报表

  1. 在报表设计器中,参考下图,完成报表设计。

    PixPin_2025-07-08_17-22-33

2.2 使用容器组件

  1. 我们给下方两个图表外侧整体包一个容器,如下图:

    PixPin_2025-07-08_17-25-55

  2. 为了展示更美观,将容器的边框线型设置为“无”。

    PixPin_2025-07-08_17-24-49

2.3 预览效果

  1. 预览查看效果,可以看到呈现的效果即是我们想要的效果,完美解决!

    PixPin_2025-07-08_17-26-47