Skip to content

组件配置说明 · 总览

选中画布上的组件后,右侧 属性面板 按类型展示可配置项。本文档说明 40 类组件 的用途、属性分段与主要配置项。

文档结构

分册组件
基础组件文本、标题、媒体、形状、按钮、菜单、iframe、内容块等 18 类
图表组件17 类 ECharts 图表 + 仪表盘
列表与表格表格、滚动表格、滚动列表、横向条形、滚动文字
地图与其它4 类地图、词云

速查表见 组件类型速查


所有组件共有

布局条(属性面板顶部)

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

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

属性分段(Tab)

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

分段常见内容
内容文案、标题、开关、布局类选项
样式颜色、字号、边框、背景
数据静态 JSON/表格、数据源绑定
行为点击事件、入场动画;地图另有视角
高级自动刷新、dataZoom、大数据渲染等(图表/地图)

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

行为(事件与动画)

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

配置说明
交互事件无 / 跳转页面 / 弹出页面 / 外链 / 事件链 JSON
入场动画类型(fade、slide、zoom 等)、时长、延迟

事件链可组合:setVariableswitchPageopenModalopenLinkrefreshDataSource 等。

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

数据 分段底部 数据源绑定

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

详见 数据源

辅助功能

  • 属性搜索:按名称快速定位表单项
  • 钉选常用:常改项固定在顶部
  • 填入示例数据:26 类支持,见 配色与示例数据
  • 复制样式:右键菜单复制/粘贴样式(不含数据)

属性面板对照速查

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

下一步

按类别阅读详细说明:

巧曦大屏搭建平台 · 联系我们