主题
组件配置说明 · 总览
选中画布上的组件后,右侧 属性面板 按类型展示可配置项。本文档说明 40 类组件 的用途、属性分段与主要配置项。
文档结构
| 分册 | 组件 |
|---|---|
| 基础组件 | 文本、标题、媒体、形状、按钮、菜单、iframe、内容块等 18 类 |
| 图表组件 | 17 类 ECharts 图表 + 仪表盘 |
| 列表与表格 | 表格、滚动表格、滚动列表、横向条形、滚动文字 |
| 地图与其它 | 4 类地图、词云 |
速查表见 组件类型速查。
所有组件共有
布局条(属性面板顶部)
| 配置 | 说明 |
|---|---|
| X / Y | 组件在画布上的位置(px) |
| 宽 / 高 | 组件尺寸(px) |
| 层级 zIndex | 数字越大越靠前 |
画布上也可拖拽移动、控点缩放;多选时可批量改位置与尺寸。
属性分段(Tab)
不同组件可见的分段不同:
| 分段 | 常见内容 |
|---|---|
| 内容 | 文案、标题、开关、布局类选项 |
| 样式 | 颜色、字号、边框、背景 |
| 数据 | 静态 JSON/表格、数据源绑定 |
| 行为 | 点击事件、入场动画;地图另有视角 |
| 高级 | 自动刷新、dataZoom、大数据渲染等(图表/地图) |
默认打开的分段:列表/地图/词云/图表多为 数据;文本/按钮等多为 内容。
行为(事件与动画)
行为 分段内两项为各组件通用(iframe、内容块等亦同):
| 配置 | 说明 |
|---|---|
| 交互事件 | 无 / 跳转页面 / 弹出页面 / 外链 / 事件链 JSON |
| 入场动画 | 类型(fade、slide、zoom 等)、时长、延迟 |
事件链可组合:setVariable、switchPage、openModal、openLink、refreshDataSource 等。
数据源绑定(数据类组件)
在 数据 分段底部 数据源绑定:
- 选择已创建的数据源
- 填写 dataPath(如
data.list) - 列表类配置 列映射
- 保存大屏
详见 数据源。
辅助功能
- 属性搜索:按名称快速定位表单项
- 钉选常用:常改项固定在顶部
- 填入示例数据:26 类支持,见 配色与示例数据
- 复制样式:右键菜单复制/粘贴样式(不含数据)
属性面板对照速查
| 组件类型 | 可见分段 | 默认分段 |
|---|---|---|
| 文本 | 内容、样式、行为 | 内容 |
| 标题、按钮、标签、图片、视频、音频、形状、图标、当前时间、菜单 | 内容、样式、行为 | 内容 |
| iframe、内容块 | 内容、行为 | 内容 |
| 表格、滚动表格、滚动列表、横向条形、滚动文字 | 内容、样式、数据、行为 | 数据 |
| 标准图表(除仪表盘) | 内容、样式、数据、行为、高级 | 数据 |
| 仪表盘 | 内容、样式、数据、行为、高级 | 数据 |
| 词云 | 内容、样式、数据、行为 | 数据 |
| 地图类 | 内容、样式、数据、行为、高级 | 数据 |
下一步
按类别阅读详细说明:
