# predictCommon.html 模板说明

## 适用场景
预测分析页面，包含工业负荷预测、光伏功率预测等多种预测类型。

## 已完成的占位符替换

### 页面基础
- `{{PAGE_TITLE}}` - 页面标题

### 图表标题
- `{{CHART_TITLE}}` - 图表标题

### 对比卡片
- `{{PREDICT_LABEL}}` - 预测值标签
- `{{PREDICT_VALUE}}` - 预测值
- `{{ACTUAL_LABEL}}` - 实际值标签
- `{{ACTUAL_VALUE}}` - 实际值
- `{{DIFF_LABEL}}` - 差异值标签
- `{{DIFF_VALUE}}` - 差异值

### 特征指标
- `{{RMSE_LABEL}}` - RMSE标签
- `{{RMSE_TOOLTIP}}` - RMSE提示文本
- `{{RMSE_VALUE}}` - RMSE值
- `{{R2_LABEL}}` - R²标签
- `{{R2_TOOLTIP}}` - R²提示文本
- `{{R2_VALUE}}` - R²值

### JavaScript 数据注入
- `{{INJECT_DATA}}` - 数据注入位置，需要注入完整的配置对象

## JSON 数据格式示例

```json
{
  "PAGE_TITLE": "预测分析",
  "CHART_TITLE": "预测分析",
  "PREDICT_LABEL": "预测值",
  "PREDICT_VALUE": "-",
  "ACTUAL_LABEL": "实际值",
  "ACTUAL_VALUE": "-",
  "DIFF_LABEL": "差异值",
  "DIFF_VALUE": "-",
  "RMSE_LABEL": "RMSE",
  "RMSE_TOOLTIP": "RMSE（均方根误差）表示预测值与实际值之间的误差平方的平均值的平方根",
  "RMSE_VALUE": "-",
  "R2_LABEL": "R²",
  "R2_TOOLTIP": "决定系数（R²）表示目标变量的变异中能被自变量解释的比例",
  "R2_VALUE": "-",
  "INJECT_DATA": "window.addEventListener('DOMContentLoaded', function() { const config = {...}; });"
}
```

## 注意事项
1. 支持多种预测类型（工业负荷、光伏功率等）
2. 数据通过 {{INJECT_DATA}} 注入完整配置对象
3. 包含复杂的图表和指标展示