管理图层 开发大屏过程中，如果在画布中布局或嵌套多个组件时，图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一：选中图层列表中某一个组件，拖动组件至指定的图层。 图1 修改组件图层（方式一） 方式二：右键单击画布中的组件，选择置顶、置底、上移一层、下移一层。 图2

查看更多 →

图层管理 视图切换 组件图层位置移动 筛选组件类型

查看更多 →

图层管理 视图切换 组件图层位置移动 筛选组件类型

查看更多 →

在画布中移动组件图层 在图层中移动 参考开发页面中操作，开发所需的页面。 选择“图层”，进入图层页面。 将鼠标放到对应的组件上，单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 您也可以直接拖动组件，将组件进行上移、下移、拖动至顶部或底部。 图2 在图层中移动组件图层

查看更多 →

在画布中移动组件图层 在图层中移动 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 将鼠标放到对应的组件上，单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 您也可以直接拖动组件，将组件进行上移、下移、拖动至顶部或底部。 图2 在图层中移动组件图层

查看更多 →

class="content-item-right-button"> {{ item1.divButton.textValue }} </div> </div> </div> </div> <div (click)="events(item.content.divButton)" *ngIf="item.content

查看更多 →

button1.textValue" ></div> </div> </div> </div> </div> </div> CSS .moreGoods { height: 100%;

查看更多 →

list.buts" class="Sideslip-but"> {{ item1.text }} </div> </div> </div> </div> </div> CS S Sideslip { position: relative; overflow-x: auto; overflow-y:

查看更多 →

省/直辖市。 图13 自定义围栏数据 热力图层数据：热力图层数据桥接器/数据集，根据省/直辖市数值大小，热力图层颜色深浅不一。 柱状图层数据：柱状图层数据桥接器/数据集，根据省/直辖市数值大小，柱子颜色、高度不一。 标签图层数据：标签图层数据桥接器/数据集，以标签形式展示省/直辖市具体数据。

查看更多 →

省/直辖市。 图13 自定义围栏数据 热力图层数据：热力图层数据桥接器/数据集，根据省/直辖市数值大小，热力图层颜色深浅不一。 柱状图层数据：柱状图层数据桥接器/数据集，根据省/直辖市数值大小，柱子颜色、高度不一。 标签图层数据：标签图层数据桥接器/数据集，以标签形式展示省/直辖市具体数据。

查看更多 →

textValue"></div> </div> </div> <div class="ticketImage_tip" [innerHTML]="item.content.divTip.text.textValue"></div> </div> CSS .ticketImage

查看更多 →

筛选组件类型 操作场景 在图层中，支持按组件名称、组件标题和组件类型进行筛选，帮助您更加高效的选择所需要的组件。 操作步骤 参考开发页面中操作，开发所需的页面。 选择“图层”，进入图层页面。 在图层中，单击，筛选组件类型。 图1 筛选组件类型 父主题： 图层管理

查看更多 →

ML文件，负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom" class="echarts-container"></div> </div> 父主题： 目录文件详解

查看更多 →

display: none;"> <div data-v-a7e06658="" class="page-view-header-bottom" style="top: -11px;"></div></div> 返回值经过xss转义后则为： &lt;div data-v-a7e06658=&quot;&quot;

查看更多 →

display: none;"> <div data-v-a7e06658="" class="page-view-header-bottom" style="top: -11px;"></div></div> 返回值经过xss转义后则为： &lt;div data-v-a7e06658=&quot;&quot;

查看更多 →

显示范围：统一设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。 图层透明度：统一设置图层的透明度。 图层：单击“新增图层”，可新建图标图层、标签图层、柱状图层、飞线图层、基础热力图层和区域热力图层。 图9 新建图标图层 图10 新建图标图层 基本配置 类型：固定为“图标图层”。 图层：显示或隐藏图层。

查看更多 →

。 卡片：展示了组件的初始化样式和标题，方便组件的预览和图层位置的调整。 操作步骤 参考开发页面中操作，开发所需的页面。 选择“图层”，进入图层页面。 当页面中组件较多时，切换到图层页面，可方便快速查找到所需的组件。 在图层中，单击，将列表切换为卡片样式。 图1 将图标切换为卡片样式

查看更多 →

ML文件，负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom" class="echarts-container"></div> </div> 父主题： 目录文件详解

查看更多 →

{{headRightBottom}} </p> </div> </div> <div class="content_middle" [innerHTML]="item.content.divText.text5.textValue"></div> <div class="content_bottom">

查看更多 →

筛选组件类型 操作场景 在图层中，支持按组件名称、组件标题和组件类型进行筛选，帮助您更加高效的选择所需要的组件。 操作步骤 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 在图层中，单击，筛选组件。 图1 筛选组件 父主题： 图层管理

查看更多 →

}} </div> <div class="divButton_right" *ngIf="item.content.divButton[1]"> {{ item.content.divButton[1].textValue }} </div> </div> </div> CSS

查看更多 →