> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fxcores.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 界面操作和交互功能

> 历史统计模块的界面操作和交互功能详细说明

## 界面总览

历史统计模块采用紧凑的垂直布局设计，集成了统计控制、图表显示、数据表格和设置配置等功能。界面支持拖拽移动、动态调整和多语言显示，提供专业的交易分析体验。

### 主面板结构-面板尺寸和布局

<Card title="布局结构" icon="sparkles">
  **维度控制区**: 统计维度选择按钮

  **时间控制区**: 日期选择和重置按钮

  **图表显示区**: 双图表并排显示

  **统计表格区**: 分页数据表格

  **分页控制区**: 导航和页面跳转
</Card>

#### 标题栏区域-标题显示

<Accordion title="多语言标题">
  **中文**: "TraderCopilot - 历史交易统计"

  **英文**: "TraderCopilot - History Deals Stats"(海外版)

  **字体**: 根据语言自动选择合适字体

  **位置**: 左对齐，垂直居中

  **附加信息**: 显示账户号和服务器名称
</Accordion>

#### 控制按钮

<CardGroup cols={2}>
  <Card title="设置按钮" icon="gear">
    **位置**: 关闭按钮左侧

    **功能**: 打开/关闭设置面板

    **状态**: 支持开关状态显示

    **交互**: 切换设置面板显示状态
  </Card>
</CardGroup>

### 维度控制区-统计维度按钮

维度按钮水平排列，提供6种统计方式：

```
[日] [周] [月] [年] [货币对] [魔号]
```

#### 按钮状态

<CardGroup cols={2}>
  <Card title="选中状态" icon="check-circle">
    **颜色**: 高亮显示（蓝色背景）

    **效果**: 按钮背景色变化

    **功能**: 表示当前活跃的统计维度

    **响应**: 立即重新计算统计数据
  </Card>

  <Card title="默认状态" icon="circle">
    **颜色**: 默认灰色背景

    **效果**: 可点击状态

    **功能**: 可切换的统计维度选项

    **响应**: 鼠标悬停时高亮显示
  </Card>
</CardGroup>

### 时间控制区-日期选择器

<CardGroup cols={2}>
  <Card title="起始日期" icon="calendar-plus">
    **控件**: DatePicker组件

    **功能**: 选择统计开始日期

    **默认**: 30天前

    **格式**: YYYY-MM-DD

    **验证**: 不能晚于结束日期
  </Card>

  <Card title="结束日期" icon="calendar-minus">
    **控件**: DatePicker组件

    **功能**: 选择统计结束日期

    **默认**: 当前日期

    **格式**: YYYY-MM-DD

    **验证**: 不能早于开始日期
  </Card>
</CardGroup>

### 时间控制按钮

<CardGroup cols={2}>
  <Card title="重置按钮" icon="circle-nodes">
    **功能**: 重置时间范围到默认值

    **默认范围**: 最近30天

    **操作**: 点击立即重置并更新统计

    **用途**: 快速恢复到常用时间范围
  </Card>

  <Card title="成交明细按钮" icon="list">
    **功能**: 显示详细的成交记录

    **内容**: 每笔交易的详细信息

    **格式**: 分页表格显示

    **用途**: 查看具体的交易明细
  </Card>
</CardGroup>

#### 时间维度图表

<Accordion title="净利润图 + 余额图">
  **适用维度**: 日、周、月、年统计

  **左图**: 净利润时间序列图

  * 显示累计利润变化
  * 绿色上涨，红色下跌
  * 包含趋势线和关键点标注

  **右图**: 余额变化图

  * 显示账户余额历史
  * 蓝色上涨，红色下跌
  * 包含出入金影响
</Accordion>

#### 分组维度图表

<Accordion title="散点图 + 多空比例图">
  **适用维度**: 货币对、魔术号统计

  **左图**: 利润分布散点图

  * X轴：持仓时间
  * Y轴：交易利润
  * 绿色盈利点，红色亏损点

  **右图**: 多空比例图

  * 显示多头/空头交易分布
  * 绿色多头，红色空头
  * 支持饼图或柱状图模式
</Accordion>

### 列标题和内容

| 列序号 | 列标题  | 切换内容      | 说明    |
| --- | ---- | --------- | ----- |
| 1   | #    | 固定        | 序号    |
| 2   | 日期范围 | 固定        | 统计时间段 |
| 3   | 数量   | 固定        | 订单数量  |
| 4   | 手数   | 总手数→最大→最小 | 交易量统计 |
| 5   | 费用   | 隔夜费↔手续费   | 成本分析  |
| 6   | 利润   | 利润金额↔利润%  | 收益分析  |
| 7   | 出入金  | 固定        | 资金流动  |
| 8   | 余额   | 固定        | 账户余额  |
| 9   | 回撤   | 回撤金额↔回撤%  | 风险分析  |
| 10  | 浮盈   | 浮盈金额↔浮盈%  | 未实现收益 |
| 11  | 毛利   | 毛利润↔毛亏损   | 盈亏分析  |
| 12  | 胜率%  | 固定        | 成功率   |
| 13  | 盈亏比  | 固定        | 风险收益比 |
| 14  | 持仓时间 | 最大时间↔平均时间 | 时间效率  |