边框 本章节主要介绍边框组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 边框 样式 设置边框的样式，系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。

查看更多 →

类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 绑定数据模型 设置组件绑定的数据模型，有自定义对象、对象、服务和事件四种。 向页面中拖入一个表格（新）组件，单击“表格”页签，在表格属性“数据绑定”中单击，绑定数据模型。 图3

查看更多 →

在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图13 设置组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处，如图14。如果简单的拖拽列方法无法满足需求，可以在代码中用“$data”获

查看更多 →

age-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 register

查看更多 →

数据系列：图表中是否显示该数据系列。 前台排序：是否开启前台排序功能（表格中指定的列）。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图10 在前台对数据进行排序 前台筛选：是否开启前台筛选功能（表格中指定的列）。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。

查看更多 →

多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图12 设置组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处，如图13。如果简单的拖拽列方法无法满足需求，可以在代码中用“$data”获取数据配置

查看更多 →

age-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 register

查看更多 →

绑定事件 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“自定义JS”。 事件绑定中选择在页面JS中新增的exampleFunction方法（或添加新方法）。 图3 自定义JS 单击“确定” 给属性绑定JS方法 选中画布中已有的组件元素。 在右侧“属性”设置面板中，选择一个支持变量

查看更多 →

数据系列：图表中是否显示该数据系列。 前台排序：是否开启前台排序功能（表格中指定的列）。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图10 在前台对数据进行排序 前台筛选：是否开启前台筛选功能（表格中指定的列）。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。

查看更多 →

选中前台排序时图标显示的颜色 前台排序：是否开启前台排序功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图9 在前台对数据进行排序 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列

查看更多 →

选中前台排序时图标显示的颜色 前台排序：是否开启前台排序功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图9 在前台对数据进行排序 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列

查看更多 →

用于对表格中的数据进行排序。 图16 开启后台排序 后台筛选：是否开启后台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图17 开启后台筛选 列宽占比(%)：设置对应系列在图表中的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。

查看更多 →

单击“JS错误列表”中，页面地址列的URL链接，展示该URL链接的详细性能数据信息。 图2 聚类分析 页面JS错误率趋势图：展示页面JS错误率、浏览量、影响用户比例。鼠标停留在折线节点处，可以展示该节点详细指标信息。 页面JS错误数据统计表：展示页面JS错误数据的统计时间、UID、标签、错误信息、错误栈以及操作。

查看更多 →

段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。

查看更多 →

用于对表格中的数据进行排序。 图16 开启后台排序 后台筛选：是否开启后台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图17 开启后台筛选 列宽占比(%)：设置对应系列在图表中的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。

查看更多 →

当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“分页”组件至页面工作区域，如图1。 图1 分页 查看组件帮助

查看更多 →

偶行背景颜色：设置偶数行数据的背景颜色。 溢出文本：设置表格中超长文本的显示样式，如显示为省略号、换行显示和滚动显示。 图5 溢出文本 序列号：表格中序列号设置。 是否展示：表格中是否显示序列号。 序列号：设置序列号的名称。 列宽占比：设置序列号在表格中的列宽占比。 对齐方式：设置序列号对齐方式，如水平居中、居左和居右。

查看更多 →

偶行背景颜色：设置偶数行数据的背景颜色。 溢出文本：设置表格中超长文本的显示样式，如显示为省略号、换行显示和滚动显示。 序列号：表格中序列号设置。 是否展示：表格中是否显示序列号。 序列号：设置序列号的名称。 列宽占比：设置序列号在表格中的列宽占比。 对齐方式：设置序列号对齐方式，如水平居中、居左和居右。

查看更多 →

表格 表格是一个组合组件，是由表格和分页两部分组成。用于展示单表或多表关联数据。 在表单开发页面，从看板的“图表组件”中拖拽“表格”组件至表单设计区域，分为表格和分页上下两部分。如图1。 图1 表格 表格 基础设置 表格名称：当前表格组件的名称。 数据范围：设置表格中需展示的表单

查看更多 →

表格 表格图 交叉表格 热力图 父主题： 仪表板可视化控件

查看更多 →

本文档所述Demo在提供服务的过程中，可能会涉及个人数据的使用，建议您遵从国家的相关法律采取足够的措施，以确保用户的个人数据受到充分的保护。 本文档所述Demo仅用于功能演示，不允许客户直接进行商业使用。 本文档信息仅供参考，不构成任何要约或承诺。 父主题： 语音回呼代码样例

查看更多 →