在单页应用中配置组件¶
组件是可视化页面中可配置的最小单元，能够以多种方式展示和分析数据，每个组件可以用于呈现一项业务指标。根据其功能和用途，组件分为 图表 和 容器 两种类型。更多介绍，参见 组件概述。
在完成画布、图层和面板的配置后，你可以根据以下指引，完成组件的配置。
前提条件¶
开始之前，请确保已创建单页应用页面，且当前账号已拥有对应页面的编辑权限。如未分配，请联系分组管理员。
组件通用操作¶
添加组件¶
在单页应用的编辑界面，打开对应的图层。
选择以下一种方式，在图层面板中添加组件：
从左侧组件库的 基础 标签页添加组件，从头开始定义组件的数据、样式等。
从左侧组件库的 模板 标签页添加组件模板，复用模板配置。
查看组件位置¶
将鼠标移动到组件左上角的 位置 图标上，即可查看组件在页面的位置或图表在容器内的位置。
页面位置¶
页面位置是图表或容器在页面中的位置坐标。DTV 以左上角的顶点为坐标系的原点，以组件的左上角顶点为对象，定义组件的位置。
纵轴：按照页面配置的网格高度为一个单位，向下延伸。
横轴：按照页面配置的网格数量，向右延伸。
容器内位置¶
容器内位置是图表在容器中的位置坐标。以容器的左上角顶点为坐标系的原点，以图表的左上角顶点为对象，定义图表在容器内的位置。
纵轴：按照页面配置的网格高度为一个单位，向下延伸。
横轴：按照页面配置的网格数量，向右延伸。
移动组件¶
在同一个面板内，你可以通过拖拽直接移动组件，调整组件的位置。通过拖拽组件右下角，可以调整组件大小。
当前图层如有多个面板，可将鼠标移动到组件左上角的 … 图标上，在下拉菜单中选择 移至其他面板，将组件移动到同一图层的其他面板。
另存为模板¶
你可以将常用组件另存为模板，方便从模板快速开始编辑组件。通过以下步骤，将组件另存为模板：
将鼠标移动到组件左上角的 … 图标上，此时将显示下拉菜单。
在下拉菜单中选择 另存为模板，在弹窗中完成 所属分组、文件夹名称、模板名称 和 标签 配置。
点击 确定 保存模板。
删除组件¶
选择要删除的组件，将鼠标移动到组件左上角的 … 图标上，在下拉菜单中选择 删除。
备注
如删除容器，容器内的所有图表将一并删除。
删除组件后，组件的关联关系都会被清除。
克隆图表¶
完成某一图表的具体配置后，如需要在当前页面中复用该图表，可以将鼠标移动到图表左上角的 … 图标上，在下拉菜单中选择 克隆组件。
克隆出来的图表自动放置在同一面板中，若图表在容器中，克隆的图表会放置在容器外。如需要移动到其他面板或容器，可手动进行调整。
配置组件¶
配置容器¶
将鼠标移动到已添加的容器上，点击左上角 编辑 图标，可以进入 容器配置 弹窗。容器配置项的说明参见 配置容器。
配置图表¶
将鼠标移动到已添加的图表上，点击左上角 编辑 图标，可以进入 图表配置 弹窗，配置图表的布局、样式、数据等。各配置项的具体说明，参见 配置图表。
下一步¶
在 画布配置 页面完成组件相关配置后，你可以进入 关联配置 页面，为导航器、画布和组件数据配置关联关系。