Skip to content

组件配置说明 · 总览

选中画布上的组件后,右侧 属性面板 按类型展示可配置项。本文档说明 57 类组件(含 16 类课堂评价)的用途、属性分段与主要配置项。

文档结构

分册组件
基础组件文本、标题、媒体、形状、按钮、菜单、iframe、内容块、数字滚动等 19 类
图表组件17 类 ECharts 图表 + 仪表盘
列表与表格表格、滚动表格、滚动列表、横向条形、滚动文字
地图与其它4 类地图、词云
课堂评价组件活动头图、倒计时、颁奖台、聚光灯、排行榜、进度、动态、雷达等(16 类)

速查表见 组件类型速查


所有组件共有

布局条(属性面板顶部)

配置说明
X / Y组件在画布上的位置(px)
宽 / 高组件尺寸(px)
层级 zIndex数字越大越靠前

画布上也可拖拽移动、控点缩放;多选时可批量改位置与尺寸。

属性分段(Tab)

不同组件可见的分段不同:

分段常见内容
内容文案、标题、开关、布局类选项
样式颜色/渐变/透明度、字号、边框、背景;图表含 提示框样式悬停阴影
数据静态 JSON/表格、数据源绑定、数值格式(图表等)
行为点击事件、动效与交互(入场、科技外壳、列表滚动、地图轮播/飞线等)
高级图例精细、dataZoom、大数据渲染等(图表/地图)

默认打开的分段:列表/地图/词云/图表多为 数据;文本/按钮等多为 内容

行为(事件与动画)

行为 分段内为各组件通用(iframe、内容块等亦同):

配置说明
交互事件无 / 跳转页面 / 弹出页面 / 外链 / 事件链 JSON
入场动画类型(fade、slide、zoom 等)、时长、错落延迟(0~5000ms);编辑器与预览/发布均可预览
科技外壳可选边框流光、呼吸、定时扫光(none 时不增加额外 DOM)

部分组件另有 行为 子项(以面板为准):

组件类型额外行为配置
标准图表(除仪表盘)自动轮播(悬停阴影、提示框样式在 样式 Tab)
列表/表格/横向条形滚动动画(模式、翻页间隔、新行闪烁等,在 行为 · 动效与交互
数字滚动滚动模式(翻牌卷轴 / 打字机 / 无)
渐变地图区域轮播
飞线/3D 地图飞线速度/尾迹、镜头自转
关系图连线流光
词云词条漂浮

事件链可组合:setVariableswitchPageopenModalopenLinkrefreshDataSource 等。

数据源绑定(数据类组件)

数据 分段底部 数据源绑定

  1. 选择已创建的数据源
  2. 填写 dataPath(如 data.list
  3. 列表类配置 列映射
  4. 保存大屏

详见 数据源

辅助功能

  • 属性搜索:中文、同义词、拼音首字母;命中后切换 Tab、展开折叠块并脉冲高亮 — 见 属性面板详解
  • 钉选常用:手动钉选或按类型默认常用项
  • 表面填充:背景纯色/渐变 + 透明度;留空无背景(allowClear)
  • 填入示例数据:26 类支持,见 配色与示例数据
  • 复制样式:右键菜单复制/粘贴样式(不含数据)

属性面板对照速查

组件类型可见分段默认分段
文本内容、样式、行为内容
标题、按钮、标签、图片、视频、音频、形状、图标、当前时间、菜单内容、样式、行为内容
iframe、内容块内容、行为内容
表格、滚动表格、滚动列表、横向条形、滚动文字内容、样式、数据、行为数据
标准图表(除仪表盘)内容、样式、数据、行为、高级数据
仪表盘内容、样式、数据、行为、高级数据
词云内容、样式、数据、行为数据
地图类内容、样式、数据、行为、高级数据
课堂评价 16 类内容、样式、数据、行为数据

下一步

按类别阅读详细说明:

巧曦大屏搭建平台 · 技术支持