# dashboard_photovoltaic_overview.html 模板说明

## 适用场景
用于展示光伏电站的综合概览信息，包含大统计卡片、发电量信息、收益信息、饼图切换、趋势图和运行建议。

## 占位符说明

### HTML 占位符

#### 页面标题
| 占位符 | 说明 | 示例值 |
|--------|------|--------|
| `{{PAGE_TITLE}}` | 页面标题 | "光伏概览" |

#### 第一行大统计卡片
| 占位符 | 说明 | 示例值 |
|--------|------|--------|
| `{{STAT_CARD_1_ICON}}` | 第1个卡片图标路径 | "./img/1ef8349b2b945f4899bfe494845647c.png" |
| `{{STAT_CARD_1_VALUE}}` | 第1个卡片数值 | "12" |
| `{{STAT_CARD_1_LABEL}}` | 第1个卡片标签 | "电站数量" |
| `{{STAT_CARD_2_ICON}}` | 第2个卡片图标路径 | "./img/768abfcbbba34c7928030e0072a0c94.png" |
| `{{STAT_CARD_2_VALUE}}` | 第2个卡片数值 | "1234.567" |
| `{{STAT_CARD_2_LABEL}}` | 第2个卡片标签 | "总装机容量" |
| `{{STAT_CARD_3_ICON}}` | 第3个卡片图标路径 | "./img/08f00a8926d56f08f5f0fb7274b984b.png" |
| `{{STAT_CARD_3_VALUE}}` | 第3个卡片数值 | "890.123" |
| `{{STAT_CARD_3_LABEL}}` | 第3个卡片标签 | "当前发电功率" |

#### 发电量信息
| 占位符 | 说明 | 示例值 |
|--------|------|--------|
| `{{POWER_GEN_TITLE}}` | 发电量信息标题 | "发电量信息" |
| `{{POWER_GEN_DAY_VALUE}}` | 今日发电量数值 | "123.456kWh" |
| `{{POWER_GEN_DAY_LABEL}}` | 今日发电量标签 | "今日发电量" |
| `{{POWER_GEN_MONTH_VALUE}}` | 当月发电量数值 | "3456.789kWh" |
| `{{POWER_GEN_MONTH_LABEL}}` | 当月发电量标签 | "当月发电量" |
| `{{POWER_GEN_YEAR_VALUE}}` | 当年发电量数值 | "45678.901kWh" |
| `{{POWER_GEN_YEAR_LABEL}}` | 当年发电量标签 | "当年发电量" |

#### 收益信息
| 占位符 | 说明 | 示例值 |
|--------|------|--------|
| `{{REVENUE_TITLE}}` | 收益信息标题 | "收益信息" |
| `{{REVENUE_DAY_VALUE}}` | 今日收益数值 | "¥123.456" |
| `{{REVENUE_DAY_LABEL}}` | 今日收益标签 | "今日收益" |
| `{{REVENUE_MONTH_VALUE}}` | 当月收益数值 | "¥3456.789" |
| `{{REVENUE_MONTH_LABEL}}` | 当月收益标签 | "当月收益" |
| `{{REVENUE_YEAR_VALUE}}` | 当年收益数值 | "¥45678.901" |
| `{{REVENUE_YEAR_LABEL}}` | 当年收益标签 | "当年收益" |

#### Tab切换和趋势图
| 占位符 | 说明 | 示例值 |
|--------|------|--------|
| `{{TAB_1_LABEL}}` | 第1个Tab标签 | "年发电量占比" |
| `{{TAB_2_LABEL}}` | 第2个Tab标签 | "电站分布" |
| `{{TREND_TITLE}}` | 趋势图标题 | "年发电量趋势" |

#### 建议部分
| 占位符 | 说明 | 示例值 |
|--------|------|--------|
| `{{SUGGESTION_TITLE}}` | 建议卡片标题 | "光伏运行建议" |
| `{{ANALYSIS_TITLE}}` | 分析小节标题 | "数据总结" |
| `{{ANALYSIS_SUMMARY}}` | 分析总结内容 | "当前共有12个光伏电站运行..." |
| `{{OPTIMIZATION_TITLE}}` | 优化建议小节标题 | "优化建议" |
| `{{OPTIMIZATION_SUGGESTIONS}}` | 优化建议列表 | 见下方格式 |

### JavaScript 占位符

| 占位符 | 说明 | 数据类型 | 示例值 |
|--------|------|----------|--------|
| `{{INJECT_DATA}}` | 数据注入位置 | - | - |
| `PIE_CHART_1_DATA` | 饼图1数据（年发电量占比） | Array | `[{value: 12345, name: '站点A'}, ...]` |
| `PIE_CHART_2_DATA` | 饼图2数据（电站分布） | Array | `[{value: 3, name: '园区A'}, ...]` |
| `TREND_CHART_X_DATA` | 趋势图X轴数据 | Array | `['1月', '2月', '3月', ...]` |
| `TREND_CHART_Y_DATA` | 趋势图Y轴数据 | Array | `[1200, 1320, 1450, ...]` |
| `TREND_CHART_Y_NAME` | 趋势图Y轴名称 | String | "kWh" |
| `TREND_CHART_SERIES_NAME` | 趋势图系列名称 | String | "发电量" |

## JSON 数据格式示例

```json
{
  "PAGE_TITLE": "光伏概览",
  "STAT_CARD_1_ICON": "./img/1ef8349b2b945f4899bfe494845647c.png",
  "STAT_CARD_1_VALUE": "12",
  "STAT_CARD_1_LABEL": "电站数量",
  "STAT_CARD_2_ICON": "./img/768abfcbbba34c7928030e0072a0c94.png",
  "STAT_CARD_2_VALUE": "1234.567",
  "STAT_CARD_2_LABEL": "总装机容量",
  "STAT_CARD_3_ICON": "./img/08f00a8926d56f08f5f0fb7274b984b.png",
  "STAT_CARD_3_VALUE": "890.123",
  "STAT_CARD_3_LABEL": "当前发电功率",
  "POWER_GEN_TITLE": "发电量信息",
  "POWER_GEN_DAY_VALUE": "123.456kWh",
  "POWER_GEN_DAY_LABEL": "今日发电量",
  "POWER_GEN_MONTH_VALUE": "3456.789kWh",
  "POWER_GEN_MONTH_LABEL": "当月发电量",
  "POWER_GEN_YEAR_VALUE": "45678.901kWh",
  "POWER_GEN_YEAR_LABEL": "当年发电量",
  "REVENUE_TITLE": "收益信息",
  "REVENUE_DAY_VALUE": "¥123.456",
  "REVENUE_DAY_LABEL": "今日收益",
  "REVENUE_MONTH_VALUE": "¥3456.789",
  "REVENUE_MONTH_LABEL": "当月收益",
  "REVENUE_YEAR_VALUE": "¥45678.901",
  "REVENUE_YEAR_LABEL": "当年收益",
  "TAB_1_LABEL": "年发电量占比",
  "TAB_2_LABEL": "电站分布",
  "TREND_TITLE": "年发电量趋势",
  "SUGGESTION_TITLE": "光伏运行建议",
  "ANALYSIS_TITLE": "数据总结",
  "ANALYSIS_SUMMARY": "当前共有12个光伏电站运行，总装机容量1234.567kW，当前发电功率890.123kW。今日发电量123.456kWh，当月发电量3456.789kWh，当年发电量45678.901kWh。年发电量趋势显示夏季（6-8月）为发电高峰期，冬季（12-2月）发电量相对较低。",
  "OPTIMIZATION_TITLE": "优化建议",
  "OPTIMIZATION_SUGGESTIONS": "<li>· 建议在夏季发电高峰期加强设备巡检，确保光伏组件清洁，避免灰尘遮挡影响发电效率。</li><li>· 冬季发电量较低，建议优化组件倾角，提高低角度阳光的利用率，同时关注积雪清理工作。</li><li>· 当前发电功率占总装机容量的72%，建议分析未达满负荷运行的原因，检查是否存在设备故障或遮挡问题。</li><li>· 建议建立发电量预测模型，结合天气预报数据，提前规划电力调度和储能策略，提高光伏发电的经济效益。</li>",
  "INJECT_DATA": "var PIE_CHART_1_DATA = [{value: 12345, name: '站点A'}, {value: 9876, name: '站点B'}, {value: 7654, name: '站点C'}, {value: 5432, name: '站点D'}, {value: 3210, name: '其他'}];\nvar PIE_CHART_2_DATA = [{value: 3, name: '园区A'}, {value: 4, name: '园区B'}, {value: 2, name: '园区C'}, {value: 3, name: '园区D'}];\nvar TREND_CHART_X_DATA = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];\nvar TREND_CHART_Y_DATA = [1200, 1320, 1450, 1680, 1890, 2100, 2350, 2280, 2050, 1850, 1620, 1400];\nvar TREND_CHART_Y_NAME = 'kWh';\nvar TREND_CHART_SERIES_NAME = '发电量';"
}
```

## 建议列表格式

`OPTIMIZATION_SUGGESTIONS` 应为完整的 `<li>` 标签字符串：

```html
<li>· 建议在夏季发电高峰期加强设备巡检，确保光伏组件清洁，避免灰尘遮挡影响发电效率。</li>
<li>· 冬季发电量较低，建议优化组件倾角，提高低角度阳光的利用率，同时关注积雪清理工作。</li>
```

## 饼图数据格式

饼图数据为对象数组，每个对象包含 `value` 和 `name` 字段：

```javascript
[
  { value: 12345, name: '站点A' },
  { value: 9876, name: '站点B' },
  { value: 7654, name: '站点C' }
]
```

## 注意事项

1. 大统计卡片的图标路径需要根据实际图片位置调整
2. 第1个卡片使用蓝色渐变背景，第2、3个卡片使用橙色渐变背景
3. 小统计卡片分别使用蓝色、橙色、绿色背景（day/month/year）
4. 饼图使用环形图样式（radius: ['40%', '70%']）
5. 趋势图使用平滑曲线和渐变填充
6. Tab切换功能已内置，无需额外配置
7. 建议部分的列表项需要以 `·` 开头