标本可交互，可以切换不同状态。Interactive specimen — switch between the available states.
适用场景Use cases
经营复盘、趋势判断、异常定位经营复盘 · 趋势判断 · 异常定位
关键状态Key states
默认Default加载Loading错误Error
布局结构Structure
时间范围与口径说明Time range and metric definition
核心指标带Core metric strip
趋势主图Primary trend chart
异常与构成明细Anomaly and breakdown details
视觉特征Visual traits
数字与单位分层Numbers and units have clear hierarchy
图表颜色保持克制Chart colors stay restrained
异常项优先于装饰信息Anomalies outrank decoration
实现约束Implementation guardrails
需要做到Do
标明时间范围和数据口径State the time range and metric definitions
为趋势变化提供同比或环比Give trend changes a comparison baseline
加载失败时保留其他可用模块Keep other modules usable when a chart fails
避免Avoid
堆叠无解释的大数字卡片Stack unexplained big-number cards
每张图使用不同配色Give every chart a different palette
AI 风格说明AI design brief
构建一个经营指标看板，先展示结论，再提供下钻依据。
适用场景：经营复盘、趋势判断、异常定位。
页面结构：时间范围与口径说明；核心指标带；趋势主图；异常与构成明细。
视觉特征：数字与单位分层；图表颜色保持克制；异常项优先于装饰信息。
关键状态：默认、加载、错误。
需要做到：标明时间范围和数据口径；为趋势变化提供同比或环比；加载失败时保留其他可用模块。
避免：堆叠无解释的大数字卡片；每张图使用不同配色。Build an executive metrics dashboard that leads with conclusions and supports drill-down.
Use cases: Business review, Trend reading, Anomaly diagnosis.
Structure: Time range and metric definition; Core metric strip; Primary trend chart; Anomaly and breakdown details.
Visual traits: Numbers and units have clear hierarchy; Chart colors stay restrained; Anomalies outrank decoration.
Key states: Default, Loading, Error.
Do: State the time range and metric definitions; Give trend changes a comparison baseline; Keep other modules usable when a chart fails.
Avoid: Stack unexplained big-number cards; Give every chart a different palette.
# 经营指标看板 (Executive Metrics Dashboard)
用于快速判断趋势、异常和指标关系的数据总览。
A data overview for reading trends, anomalies, and metric relationships at a glance.
## 分类
- 产品类型：数据看板、B 端后台 / Data dashboard, B2B admin
- 页面类型：仪表盘 / Dashboard
- 布局方式：侧边栏、工作台 / Sidebar, Workbench
- 视觉气质：专业、克制、密集 / Professional, Restrained, Dense
- 关键状态：默认、加载、错误 / Default, Loading, Error
## 页面结构
- 时间范围与口径说明 / Time range and metric definition
- 核心指标带 / Core metric strip
- 趋势主图 / Primary trend chart
- 异常与构成明细 / Anomaly and breakdown details
## 视觉特征
- 数字与单位分层 / Numbers and units have clear hierarchy
- 图表颜色保持克制 / Chart colors stay restrained
- 异常项优先于装饰信息 / Anomalies outrank decoration
## AI 风格说明 / AI design brief
构建一个经营指标看板，先展示结论，再提供下钻依据。
适用场景：经营复盘、趋势判断、异常定位。
页面结构：时间范围与口径说明；核心指标带；趋势主图；异常与构成明细。
视觉特征：数字与单位分层；图表颜色保持克制；异常项优先于装饰信息。
关键状态：默认、加载、错误。
需要做到：标明时间范围和数据口径；为趋势变化提供同比或环比；加载失败时保留其他可用模块。
避免：堆叠无解释的大数字卡片；每张图使用不同配色。
Build an executive metrics dashboard that leads with conclusions and supports drill-down.
Use cases: Business review, Trend reading, Anomaly diagnosis.
Structure: Time range and metric definition; Core metric strip; Primary trend chart; Anomaly and breakdown details.
Visual traits: Numbers and units have clear hierarchy; Chart colors stay restrained; Anomalies outrank decoration.
Key states: Default, Loading, Error.
Do: State the time range and metric definitions; Give trend changes a comparison baseline; Keep other modules usable when a chart fails.
Avoid: Stack unexplained big-number cards; Give every chart a different palette.
来源：LearnUI PM 原创示例，MIT License
