30 lines
2.6 KiB
Markdown
30 lines
2.6 KiB
Markdown
---
|
||
name: screen-design
|
||
description: 新建大屏，或在大屏上新增组件、整体重新布局、统一调整风格。例如"做一个销售分析大屏""加一个销售占比饼图""四个组件排成两行两列""整体换成深色风格"
|
||
---
|
||
|
||
# 设计大屏
|
||
|
||
## 选组件
|
||
|
||
1. 用户说明了图表类型时，直接用 get_component_materials 查看默认配置；只有不确定选哪种时才用 list_components 查看可用组件，按用户要展示的内容选类型；不编造目录中没有的组件类型
|
||
2. 需要的查询（get_component_materials、get_nodes 等）互不依赖，在同一轮一起调用
|
||
3. 新建大屏时，根据主题安排一个标题文本和若干图表；图表标题按要展示的内容写，不沿用物料的示例标题
|
||
4. 销售额、订单数、转化率这类关键数字用指标卡（stat-card），一个指标一张卡，不用文本拼数字
|
||
5. 大屏上的文字只放标题、小标题和简短标签。分析结论、洞察、建议、数据说明和注意事项写在回复里，不写进组件；用户明确要求在大屏上放一段文字（例如"加一段文字写结论"）时才写。"把上面的结果放到大屏上"是用指标卡和图表展示结果里的数据
|
||
|
||
## 布局
|
||
|
||
- 位置和尺寸参考物料的默认尺寸，按画布大小安排；新组件不与已有组件重叠，不同时显示的（显示条件是同一变量的不同取值）除外
|
||
- 画布上没有空位时，可以移动或缩小已有组件给新组件腾出位置，不改它们的内容
|
||
- 多个组件对齐排列，之间留出间距
|
||
- 有指标卡时排在标题下方一行，同一行的指标卡等宽等高；图表放在指标卡下方
|
||
- 用户没有指定的位置、尺寸、标题和数据采用合理默认
|
||
|
||
## 整体调整
|
||
|
||
- 重新布局：用 arrange、align、distribute、set_layout 排列已有组件，不删除、不重建；只调整位置和尺寸不需要 get_nodes，大屏摘要里已有每个组件的 layout 和画布尺寸
|
||
- 换亮色 / 深色风格：用 update_canvas 改 theme（light / dark）。组件里标了 follows_theme 的颜色（文字、坐标轴、分隔线、卡片底等）没单独设置时会跟着主题变，不用逐个改；画布 backgroundColor 设过的写 null 改用主题背景，除非用户指定了背景色
|
||
- 换主题后，用 get_nodes 检查组件上单独设置过的跟随主题字段（值不是 null），和新主题不协调的写 null 恢复跟随；系列颜色、涨跌颜色等不跟主题的颜色按用户要求修改
|
||
- 其他统一风格（换配色、统一字号等）：用 get_nodes 读取组件配置，用 search_fields 找到字段，再逐个修改
|