Skip to content

组件与画布

平台提供 40 类 组件,覆盖图表、地图、列表、媒体与基础元素。从左侧 组件 Tab 拖拽到画布即可添加。

完整列表与选型建议见 组件类型速查每类组件的用法与配置项组件配置说明

组件面板
分类列表、收藏与最近使用

组件分类

类别数量示例
基础18文本、标题、图片、视频、音频、形状、按钮、菜单、表格、iframe、内容块…
图表17柱状、折线、饼图、雷达、漏斗、桑基、K 线、仪表盘、折柱混合…
地图4渐变地图、飞线地图、3D 地图、3D 飞线
其它1词云

具体列表以左侧组件面板为准;你的账号可能因 组件权限 只能看到部分类型。


属性面板结构

选中单个组件后,右侧属性区自上而下一般为:

  1. 组件标题 与类型
  2. 占用提示(他人正在编辑此组件时)
  3. 布局条:X、Y、宽、高、层级
  4. 属性搜索钉选常用项
  5. 主题预设条(部分图表)
  6. 内容 / 样式 / 数据 / 行为 / 高级 分段
  7. 底栏:锁定、复制组件、删除

属性搜索与钉选

  • 搜索:输入关键字(如「字号」「图例」),选中后自动滚动并高亮对应表单项
  • 钉选:在表单项旁钉选后,出现在顶部 常用 条,下次快速跳转

多选

框选多个同类型组件时,可批量修改部分 公共样式 属性。


数据相关

方式适用
静态数据在「数据」段直接编辑 JSON 或表格
数据源绑定选 HTTP / WebSocket 数据源 + 路径 + 列映射
填入示例数据一键替换为内置示例(26 类),见 配色与示例数据

已绑定数据源时,填示例数据只改静态展示,绑定关系仍在;预览以绑定数据为准。


图层 Tab

图层 面板提供:

  • 当前页组件 列表 / 树形 视图
  • 点击条目与画布 同步选中
  • 锁定 防误拖;调整 层级(置顶、置底等)

复杂页面建议:先锁定背景大图,再编前景组件。


素材 Tab

图片素材库浏览 权限时:

  • 按分类浏览管理员维护的公共图片
  • 拖拽 到画布生成图片组件,或复制链接到图片地址

预设、收藏与最近

收藏 / 最近(组件 Tab 顶部)

  • 点击组件旁 星标 加入收藏
  • 最近 自动记录最近拖入的类型
  • 快捷 chip 可再次拖入画布

我的预设(预设 Tab)

  1. 选中配置好的组件
  2. 属性区 保存为预设(或右键相关入口)
  3. 命名、选择 个人团队 范围
  4. 预设 Tab 拖拽到画布

适合固定 KPI 卡片、统一标题样式等跨项目复用。


样式复制

右键或底栏:

  • 复制样式:只复制样式相关属性
  • 粘贴样式:应用到当前选中组件(需先复制过)

比复制整个组件更轻量,适合统一系列图表配色。


画布技巧

技巧说明
网格 + 吸附对齐更整齐
适应窗口总览整页布局
锁定背景避免误选大图
多页面按主题或场景分页,用菜单/按钮切换

交互与动画

入场动画

行为 段配置:fade、slide、zoom 等,可设时长与延迟。预览 / 发布页播放。

点击事件

类型效果
不响应
跳转页面切到其他大屏页
弹出页面弹层展示指定页
外链打开 URL
事件链JSON 配置多步动作

事件链 可组合:setVariableswitchPageopenModalopenLinkrefreshDataSource 等。配置步骤、模板与 JSON 示例见 菜单与事件链

内容块(contentBlock)

可嵌入 本系统内其他大屏的预览页(登录态),用于大屏套大屏、分区复用。配置目标大屏 ID 与展示区域即可。


相关文档

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