开发样例 环境要求 - 引用库 AIC CS upport.js 下载链接 index.html 本文档所述Demo在提供服务的过程中，可能会涉及个人数据的使用，建议您遵从国家的相关法律采取足够的措施，以确保用户的个人数据受到充分的保护。 本文档所述Demo仅用于功能演示，不允许客户直接进行商业使用。

查看更多 →

直角，“100”为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 颜色：设置图表中，图形的颜色。 统一配置 光圈标记：是否开启光圈标记。 数据排序：是否开启数据排序。

查看更多 →

父组件代码示例 HTML <div class="previews" [style]=" pages[0].style" > // ngFor为循环指令，遍历content数组获取item <div *ngFor="let item of pages[0].content">

查看更多 →

粗细：设置边框的粗细，单位px。 颜色：设置边框的颜色。 类型：设置边框的线类型，支持实线、虚线、点线等。 圆角：是否开启边框圆角。开启后，支持设置圆角半径和位置。 交互 在交互中，配置自定义背景框与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 装饰

查看更多 →

直角，“100”为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 颜色：设置图表中，图形的颜色。 统一配置 水平堆叠：是否堆叠显示（多数据系列效果）。

查看更多 →

附录 WDR报告和ASP报告导出 WDR报告信息介绍 ASP报告信息

查看更多 →

在左侧组件区域，选择“图文展示”组件，并拖拽至设计区域，如图1所示。 图1 拖拽图文展示组件到设计区并设置属性 基础配置 单击“编辑展示内容”，在弹框中根据需求编辑所需图文信息。 图2 编辑图文展示内容 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。

查看更多 →

app-preview-video组件 HTML <div> <video class="preview-element" [poster]="item.cover" controls [style]="item.style" [src]="item.src"></video> </div> CSS 无。 JavaScript

查看更多 →

按钮组件通常与其他组件配合使用， 用于展示链接页面或提示信息等。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。

查看更多 →

附录 WDR报告和ASP报告导出 WDR报告信息介绍 ASP报告信息

查看更多 →

图片 图片组件用于展示图片的UI元素，提供直观的视觉信息。 在左侧组件区域，从“常用控件”中，选择“图片”组件，并拖拽至设计区，如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片：将文件拖拽上传区域内，或单击上传图片模块进行上传。 上传图片支持jpg、jpeg

查看更多 →

控制模板在预览视图中的缩放尺寸。 pages[0].style 设置模板显示的缩放比例值。 pages[0].content 控制父组件的大小和位置。 outerWidth outerWidth参数用于控制模板在预览视图中的缩放尺寸，该参数应和包裹模板的div盒子在宽度上保持一致

查看更多 →

特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置选项卡基础样式和选项卡设置。 图4 配置 基础样式设置 标签圆角：设置标签圆角的大小，“0”为直角。 图5 标签圆角 标签间距：设置标签之间的距离，默认为“0”。

查看更多 →

active: 后台正在执行一个查询。 idle in transaction: 后台在事务中。但事务中没有语句在执行。 idle in transaction (aborted): 后台在事务中，但事务中有语句执行失败。 fastpath function call: 后台正在执行一个fast-path函数。

查看更多 →

标题离容器左边距：标题距离组件左边的距离。 字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 颜色：设置图表中，图形的颜色。 统一配置 进度条图案设置：可设置为“柱形”或“电池”。 数值字体：设置数值的字体、大小和颜色等。

查看更多 →

控制组件的大小和位置，详情请参见pages[0].content。 编写父组件的HTML和CSS。 在app-preview父组件中，定义一个类名为previews的div作为模板容器。再定义一个div容器，用来容纳遍历content数组获取的每个item对象。具体代码请参见父组件代码示例。 自定义不同类型的子组件。

查看更多 →

宽度：设置边框的宽度。默认值为0px，范围为0~50px。 样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色：设置边框显示的颜色。 圆角：给元素添加圆角效果，设置圆角的大小和位置。 默认值为0px，范围为0~500px。 背景：设置组件样式的背景颜色。 阴影： X：X偏移，阴影相对于其源元

查看更多 →

148 int2le 149 int4le 150 int4ge 151 int2ge 152 int2mul 153 int2div 154 int4div 155 int2mod 156 int4mod 157 textne 158 int24eq 159 int42eq 160

查看更多 →

通过单击控制大屏的全屏功能。 无。 iFrame 在大屏中添加iFrame内容。 链接。 搜索 在大屏中添加搜索框。 控件变量。 单选下拉 下拉菜单中进行选择，用于数据选项较多的场景。 选项/维度、控件变量。 Tab列表 通过添加Tab控件，您可以在大屏中以标签页的形式展示多个大屏。 控件变量。

查看更多 →

基本柱图 基本柱图组件用于实现柱状图的图表统计。 在高级页面设计器中，单击，从“图表 > 柱状图”中，拖拽“基本柱图”组件到画布中，如图1所示。 图1 基本柱图 属性 在属性中，设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。

查看更多 →

app-preview-button组件 HTML <div> <p [style]="item.style" (click)="PreviewService.emit(item.event)" class="preview-element" > {{ item.text }} </p> </div> CSS .preview-element

查看更多 →