55 lines
2.3 KiB
Markdown
55 lines
2.3 KiB
Markdown
# 102 AreaChart 面积图
|
||
|
||
## 用途
|
||
|
||
面积图：单序列填充到基线，或多序列堆叠；基线可配置；悬停与键盘读数显示各序列原值（不是堆叠后的值）。
|
||
|
||
## 最小示例
|
||
|
||
```go
|
||
series := []mujica.ChartSeries{
|
||
{Name: "Matins", Values: []float64{3, 4, 6, 5}},
|
||
{Name: "Vespers", Values: []float64{2, 3, 2, 4}},
|
||
}
|
||
view := func(c *ui.Context) {
|
||
mujica.Use(c, mujica.Settings{})
|
||
mujica.AreaChart(c, series, mujica.AreaChartOptions{Frame: mujica.ChartFrame{Label: "Attendance"}, Stacked: true})
|
||
}
|
||
ui.Render(view, 400, 300, 1)
|
||
```
|
||
|
||
## 参数
|
||
|
||
`func AreaChart(c *ui.Context, series []ChartSeries, opts AreaChartOptions) ChartResult`。
|
||
|
||
| 字段 | 类型 | 默认值 | 含义 |
|
||
| --- | --- | --- | --- |
|
||
| `Frame.Label` | `string` | 必填 | 图表的无障碍名称；为空 panic。 |
|
||
| `Frame.Height` | `float32` | `240` | 绘图区高度（DIP）；负数 panic。 |
|
||
| `Frame.Status` | `DataStatus` | `DataReady` | `DataLoading` 显示加载标记，`DataFailed` 显示错误与“重试”；占位与图表同尺寸。 |
|
||
| `Frame.Error` | `string` | 内置“加载失败” | 失败时的具体说明。 |
|
||
| `Frame.Empty` | `string` | 内置“暂无数据” | 无数据时的说明。 |
|
||
| `X`, `Times` | | nil | 同 LineChart。 |
|
||
| `Stacked` | `bool` | false | 可见序列依次堆叠；隐藏序列不参与堆叠。 |
|
||
| `Baseline` | `float64` | `0` | 面积的起始值；坐标轴总包含基线。 |
|
||
| `Format` | `func(float64) string` | 6 位有效数字 | 读数格式。 |
|
||
|
||
## 状态
|
||
|
||
默认、悬停读数、键盘读数（焦点环 + 当前点加粗或描边）、加载、失败（可重试）、无数据。图表区始终保持同样尺寸。
|
||
|
||
## 事件
|
||
|
||
返回 `ChartResult`：`Point` 为当前读数点（无则 -1）；`Changed()` 读数点变化；`Retried()` 点击了重试；`Toggled()` 同 LineChart。
|
||
|
||
## 键盘操作
|
||
|
||
- Tab：聚焦绘图区（图例勾选框在其前）。
|
||
- ←/→（以及 ↑/↓）：在数据点之间移动，读数显示在图表下方并向读屏软件播报；第一次按键进入第一个点。
|
||
- Home/End：第一个/最后一个点；Escape：清除读数。
|
||
|
||
## 限制
|
||
|
||
- 缺值处面积断开；堆叠时缺值按 0 计入后续序列。
|
||
- 填充为半透明的序列色，边线保持实色以满足 3:1 对比。
|