主题
属性面板详解
选中画布上的组件后，右侧 属性 Tab 是日常改文案、配色、数据与动效的主入口。V2.3.0 起，属性面板采用统一的 五段导航 与 板块折叠 结构，并支持 搜索定位、钉选常用项。
本文面向需要「找得到、改得准」的编辑者；组件类型差异见 组件配置说明。
面板结构（自上而下）
┌─────────────────────────────────────┐
│ 组件类型标题 │
│ （他人占用提示，协同时可能出现） │
├─────────────────────────────────────┤
│ 布局条：X · Y · 宽 · 高 · 层级 │
├─────────────────────────────────────┤
│ 属性搜索框 │
│ 钉选常用项条（或默认常用项） │
│ 主题预设条（部分图表） │
├─────────────────────────────────────┤
│ 内容 │ 样式 │ 数据 │ 行为 │ 高级 │
│ ↑ 当前 Tab 下的可折叠板块 │
├─────────────────────────────────────┤
│ 底栏：锁定 · 复制组件 · 删除 │
└─────────────────────────────────────┘| 区域 | 作用 |
|---|---|
| 布局条 | 精确改位置与尺寸；也可在画布拖拽 |
| 属性搜索 | 按名称、同义词、拼音首字母定位字段 |
| 钉选常用 | 把常改项固定在顶部，一键跳转 |
| 五段 Tab | 按「用户问题」归类，而非技术实现 |
| 底栏 | 锁定防误拖；复制整组件；删除 |
未选中任何组件时，右栏显示 大屏设置 或 数据源，而非属性面板。
五段 Tab 怎么选
属性按 你想解决什么问题 归类，而不是按代码字段名：
| Tab | 典型问题 | 常见配置 |
|---|---|---|
| 内容 | 显示什么文字/开关/列？ | 标题、正文、图例开关、表格列、菜单项 |
| 样式 | 什么颜色、多大字号？ | 文字色/渐变、背景填充、边框、提示框样式、悬停阴影 |
| 数据 | 数据从哪来、格式怎样？ | 静态 JSON、数据源绑定、dataPath、列映射、数值格式、数据标签单位 |
| 行为 | 怎么动、怎么交互？ | 点击事件、入场动画、科技外壳、列表滚动、地图轮播/飞线 |
| 高级 | 专业图表选项？ | 图例精细、dataZoom、大数据渲染、地图视口等 |
迁移提示
首次选中标准图表时，可能看到提示：「提示框样式已移至样式 Tab」。悬停阴影指示器、自动轮播等也在对应 Tab，不要只在「内容」里找。
板块标题与折叠
各 Tab 内按 板块 分组，标题已统一，例如：
- 显示设置、颜色与填充、动效与交互、关联评价活动、数据源绑定……
长板块默认折叠，减少滚动。属性 搜索命中 后会 自动展开 目标板块并滚动到位。
属性搜索
顶部搜索框支持快速定位表单项，适合字段多、名称记不全的图表与评价组件。
支持的匹配方式
| 方式 | 示例 |
|---|---|
| 中文关键字 | 输入「字号」「图例」「数据源」 |
| 同义词 | 「字体大小」≈ 字号；「背景色」≈ 背景颜色 |
| 拼音首字母 | 输入 zh 可匹配「字号」类字段 |
| 板块标题 | 搜索「颜色与填充」可展开整块 |
命中后的行为
- 自动切换 到字段所在的 Tab（内容/样式/数据/行为/高级）
- 展开 所在折叠板块（若在折叠内）
- 滚动 到表单项并 脉冲高亮 边框，便于辨认
搜索不区分大小写；清空搜索框后高亮消失。
钉选常用项
手动钉选
在任意表单项旁点 图钉，该项会出现在搜索框下方的 常用 条。再次点击取消钉选。
钉选记录保存在 本浏览器（localStorage），换电脑需重新钉选。
默认常用项
若你 从未手动钉选，系统会按组件 类型 自动展示一组默认常用项（如字号、文字颜色、背景等），减少首次使用的空白感。
颜色与表面填充
V2.3.0 起，文字与背景色不再使用简单色块输入，而采用统一的填充控件。
文字颜色（PropTextColorFill）
适用于：文本、标题、按钮、标签、数字滚动、表格文字等 样式 Tab。
| 模式 | 说明 |
|---|---|
| 纯色 | 单色文字 |
| 渐变 | 线性渐变文字（预览绑在文字节点上） |
表面填充（PropSurfaceFill）
适用于：形状、按钮、标签、菜单、表格背景等 样式 Tab 的「背景」类字段。
| 模式 | 说明 |
|---|---|
| 纯色 | 单色背景 |
| 渐变 | 线性渐变背景 |
| 透明度 | 滑块 0～100%；0 表示完全透明 |
| 留空 | 输入框 一键清空（allowClear）表示 无背景 |
菜单背景
菜单的默认/悬停/选中背景 留空或透明度为 0 时，预览 不会 再强制显示灰色 fallback。需要底色时请显式选择颜色。
大屏 画布背景 在「大屏设置」中配置，支持 纯色 / 线性渐变（起始色、结束色、角度 0～360°），可与背景图叠加。见 大屏设置与媒体。
图表专属（样式 / 数据 / 高级）
提示框样式（样式 Tab）
标准图表（柱/线/饼/雷达等）可配置鼠标悬停时的 tooltip：
| 预设 | 效果 |
|---|---|
| dark / glass / light | 内置暗色、毛玻璃、浅色风格 |
| custom | 自定义背景、边框 |
| echarts | 接近 ECharts 默认 |
各预设下仍可调：背景透明度、渐变、字号、投影。
悬停阴影指示器（样式 Tab）
轴类图表（柱/线/面积等）可配置 axisPointer：
- 开关：关闭时显式不显示指示器
- 阴影/线型、渐变与透明度
数据标签单位（数据 Tab）
开启「显示数据标签」后，可设置 单位后缀（如 %、万元），显示在数值后。
图例精细（高级 Tab）
字号、颜色、间距、默认隐藏系列等；适合图例较多或需要精细排版的场景。
饼图/环形图半径（样式 Tab）
滑块调节内外半径，无需手填百分比。
柱状图按类别设色
单系列 柱状图可自动按 类目 分配不同颜色，无需为每根柱子单独配置。
行为 Tab：动效与交互
详见 组件动画与外壳；此处为入口说明。
| 配置块 | 适用组件 |
|---|---|
| 入场动画 | 全部 57 类组件 |
| 科技外壳 | 全部 57 类组件 |
| 自动轮播 | 标准图表（柱/线/饼/雷达等） |
| 列表滚动 | 表格、滚动表格、滚动列表、横向条形 |
| 数字滚动模式 | 数字滚动组件 |
| 区域轮播 / 飞线 / 镜头 | 地图类 |
| 连线流光 | 关系图 |
| 词条漂浮 | 词云 |
入场错落延迟 与 大屏级图表加载动画 已协调：开启延迟时，图表会等入场完成后再初始化，避免「图表直接弹出、加载动画被跳过」。
数据绑定回显
- 保存大屏后，组件上的 数据源绑定 会正确回显
- 已绑定数据源 时，静态数据编辑区会 隐藏，避免误改演示数据
- 画布右下角 数据源名称标签（工具栏可开关）显示绑定名称或评价活动名
评价关联大屏：活动名称在绑定处与标签中 回显名称（非仅 ID）。
多选批量编辑
框选 多个同类型 组件时，属性面板展示 公共属性，可批量修改部分样式（如字号、颜色）。布局条仍显示选中集合的包围信息。
不同类型混选时，批量项可能减少，以界面为准。
远程占用提示
多人同时打开同一编辑器时，若 他人正选中 你也在看的组件，属性区顶部可能出现 协作者占用提示（显示对方信息）。
这是 感知提示，不是锁定：对方仍可保存，你也可继续编辑，但应避免两人同时改同一组件。见 协作与版本。
与组件分册的关系
| 需求 | 文档 |
|---|---|
| 面板通用结构 | 本文 |
| 某类组件每个字段 | 组件配置说明 |
| 动画参数详解 | 组件动画与外壳 |
| 数据源绑定步骤 | 数据源 |
| 大屏级设置 | 大屏设置与媒体 |
常见问题
| 现象 | 处理 |
|---|---|
| 搜不到某个字段 | 换同义词或拼音首字母；确认组件类型是否支持该属性 |
| 高亮一闪而过 | 属正常脉冲效果；字段仍在当前 Tab |
| 清空背景后还有色 | 检查透明度是否为 0；菜单/按钮需确认悬停/选中态也清空 |
| 绑了数据源还看到静态区 | 刷新编辑器；确认绑定已 保存大屏 |
| 提示框找不到 | 在 样式 Tab → 提示框样式，不在内容 Tab |
更多见 常见问题 · 媒体与组件。