### 问题解构 针对用户提出的“C# 7.3 复杂横向堆叠柱形图”需求，核心难点在于打破常规图表的 X/Y 轴定义，将时间轴映射至 Y 轴，并根据状态实现横向的堆叠与颜色区分。具体解构如下： 1. **图表类型与轴向反转**： * **图表类型**：横向堆叠柱形图（`StackedBar` 或 `StackedBar100`）。 * **轴向反转**：常规图表中 X 轴为数值/时间，Y 轴为分类。需求要求 Y 轴为时间，因此需要交换 X 轴和 Y 轴的角色。在 `System.Windows.Forms.DataVisualization.Charting` 中，可以通过设置 `Series` 的 X 和 Y 值绑定来实现，或者将图表旋转 90 度（`ChartArea.Area3DStyle.Rotation`），但最稳健的方式是直接将时间值绑定到 Y 轴，数据值绑定到 X 轴，并确保图表类型支持这种布局。 * **时间范围**：昨天早上 7:00 到今天早上 7:00，共 24 小时的时间跨度。 2. **数据源处理（DataTable）**： * 输入数据包含两列：`具体数据`（如持续时间或数值）和 `状态`（如“运行”、“停机”、“待机”）。 * **状态重复与堆叠**：由于状态可以重复（例如同一天内多次出现“运行”），且需要按时间顺序堆叠，这通常意味着需要按时间切片（如每小时）进行统计，或者将数据点按时间顺序排列，利用 Chart 控件的堆叠特性自动累加相同 X 轴（此处指时间轴）分类下的数值。若数据是连续的时间段，则需要将其转换为离散的时间槽（例如每小时一段），并在该槽内根据状态进行堆叠。 3. **视觉呈现与交互**： * **颜色区分**：不同的状态必须对应不同的颜色。可以通过预设颜色映射或动态生成颜色来实现。 * **点值标注**：可能需要在堆叠的色块上显示具体数值或状态名称，这涉及到 `Label` 属性的设置 [ref_1]。 ### 方案推演 基于上述解构，推演技术实现方案： 1. **环境准备**：使用 .NET Framework 下的 `System.Windows.Forms.DataVisualization.Charting` 库，这是 C# WinForm 中处理图表的标准库 [ref_4]。 2. **数据预处理**： * 原始 DataTable 假设包含 `StartTime`、`EndTime`、`State` 等信息（若只有一列数据和一列状态，需推断时间或假设数据已按时间排序）。 * 为了实现“昨天 7 点到今天 7 点”的横向堆叠，最直观的方式是将 Y 轴设为时间轴（24 个小时刻度），X 轴表示数值（堆叠的长度）。 * **关键策略**：由于 Chart 控件的 `StackedBar` 图表通常是沿 X 轴分类，沿 Y 轴堆叠数值，要实现“横向”且“Y 轴为时间”，我们需要将图表旋转 90 度，或者直接使用 `Bar` 图表类型，将时间值赋给 Y 轴点，数值赋给 X 轴点。但 `StackedBar` 通常是垂直堆叠的。因此，**方案选择**：使用 `StackedBar`，通过设置 `ChartArea.AxisX` 和 `AxisY` 的交换逻辑，或者更简单地，使用 `Bar` 类型（横向柱状图），并手动处理堆叠逻辑（即计算每种状态在特定时间段的累计值）。 * **修正方案**：实际上，`StackedBar` 在 Chart 控件中默认是垂直的。要实现横向堆叠（即柱子是水平的，且分段堆叠），应使用 `StackedBar` 并设置 `Series` 的 `ChartType` 为 `StackedBar`，然后通过自定义轴的显示来实现“Y 轴为时间”的视觉效果。或者，更直接的方法是使用 `StackedColumn`（垂直堆叠柱状图），然后通过旋转图表区域（`Area3DStyle.Rotation = -90`）使其变为横向。但 3D 旋转可能影响标签显示。 * **推荐方案**：使用 `ChartType = SeriesChartType.StackedBar`。在此类型中，X 轴通常是分类（时间），Y 轴是数值。为了满足“Y 轴为时间”的需求，我们可以将时间作为 Y 轴的标签，数值作为 X 轴的长度。这通常通过将数据点的 `YValues` 设为数值，`AxisLabel` 设为时间来实现。但标准的 `StackedBar` 是垂直堆叠的。若要横向堆叠（水平柱子），应使用 `StackedBar` 并配合轴的交换。 * **最终确定逻辑**：创建一个 `Series` 数组，每个状态对应一个 Series。将所有 Series 的 `ChartType` 设为 `StackedBar`。将 Y 轴设置为时间轴（`IntervalType = Time`），X 轴设置为数值轴。数据绑定逻辑：遍历 DataTable，按时间段（如小时）分组，将同一时间段内相同状态的数值累加，添加到对应的 Series 中。 3. **时间轴配置**： * 设置 Y 轴（假设 Y 轴为分类/时间轴）的最小值和最大值为昨天 7:00 和今天 7:00。 * 设置 `Interval` 为 1（小时），`IntervalType` 为 `Hours` [ref_2]。 4. **颜色与状态映射**： * 遍历 DataTable 中的所有状态，去重后创建对应的 Series。 * 为每个 Series 分配不同的颜色 [ref_5]。 ### 具体代码实现 以下代码示例展示了如何创建一个横向堆叠柱形图，Y 轴显示时间（昨天 7 点至今天 7 点），根据状态堆叠显示数据。 ```csharp using System; using System.Data; using System.Drawing; using System.Windows.Forms; using System.Windows.Forms.DataVisualization.Charting; namespace ChartComplexStackedBar { public partial class Form1 : Form { public Form1() { InitializeComponent(); InitializeChart(); } private void InitializeChart() { // 1. 设置 Chart 控件基本属性 chart1.Dock = DockStyle.Fill; chart1.BackColor = Color.White; chart1.Legends.Clear(); // 清除默认图例，根据需要添加 // 2. 创建并配置 ChartArea ChartArea chartArea = new ChartArea("Default"); // 关键配置：为了实现横向堆叠且Y轴为时间，我们需要对轴进行特殊处理 // 在 StackedBar 中，通常 Y 轴是数值，X 轴是分类。 // 需求：Y轴为时间，横向堆叠。这意味着我们需要将图表旋转或使用特定的轴绑定。 // 这里使用 StackedBar，并将时间绑定到 X 轴（作为分类），数值绑定到 Y 轴。 // 然后通过旋转视角或交换轴标签来模拟“Y轴为时间”的视觉效果。 // 但更直接的方法是使用 Bar 图表类型，并手动计算堆叠。 // 鉴于复杂性，这里采用标准的 StackedBar，将时间作为 X 轴分类，数值作为 Y 轴堆叠， // 这样看起来是垂直的柱子。若要横向，需使用 StackedBar 并设置 IsReversed 或使用 3D 旋转。 // 下面的代码实现：X轴为时间（分类），Y轴为数值（堆叠）。这是标准的堆叠图。 // 若必须“横向”且“Y轴为时间”，则需将 ChartType 设为 Bar，并自行计算 X 轴的偏移量。 // 根据参考资料 [ref_5]，多Y轴支持是存在的，这里我们简化为单轴显示堆叠。 chartArea.AxisX.LabelStyle.Format = "HH:mm"; // 时间格式 chartArea.AxisX.IntervalType = DateTimeIntervalType.Hours; chartArea.AxisX.Interval = 1; // 设置时间范围：昨天7点到今天7点 DateTime yesterday7AM = DateTime.Today.AddDays(-1).AddHours(7); DateTime today7AM = DateTime.Today.AddHours(7); chartArea.AxisX.Minimum = yesterday7AM.ToOADate(); chartArea.AxisX.Maximum = today7AM.ToOADate(); chartArea.AxisY.Title = "数值 / 持续时间"; chart1.ChartAreas.Add(chartArea); // 3. 准备数据源 DataTable dt = CreateSampleData(); // 4. 处理数据并创建 Series // 获取所有不重复的状态 var distinctStates = dt.AsEnumerable().Select(r => r.Field<string>("状态")).Distinct(); foreach (var state in distinctStates) { Series series = new Series(state); series.ChartType = SeriesChartType.StackedBar; // 使用堆叠柱状图 // 为不同状态设置不同颜色 series.Color = GetColorForState(state); // 绑定数据 // 这里需要将数据按时间聚合。假设 DataTable 包含 "时间" 和 "数据" 列 // 实际应用中，可能需要编写 LINQ 查询将数据按小时聚合 foreach (DataRow row in dt.Rows) { DateTime time = row.Field<DateTime>("时间"); double value = row.Field<double>("数据"); string rowState = row.Field<string>("状态"); if (rowState == state) { // 添加数据点：X轴为时间，Y轴为数值 series.Points.AddXY(time, value); // 可选：显示点值标注 [ref_1] // DataPoint point = series.Points[series.Points.Count - 1]; // point.Label = value.ToString(); } } chart1.Series.Add(series); } // 如果需要横向显示（即时间在Y轴，柱子水平），可以使用 Bar 类型并手动计算堆叠位置 // 或者使用 3D 旋转： // chartArea.Area3DStyle.Enable3D = true; // chartArea.Area3DStyle.Rotation = -90; // 旋转90度使其横向 // 但 3D 可能会导致标签显示问题，非必要不推荐。 // 若严格需求“横向堆叠”，建议使用 ChartType = Bar，并手动计算 X 值的偏移（累加）。 // 下面展示如何通过旋转实现横向： chartArea.Area3DStyle.Enable3D = true; chartArea.Area3DStyle.Rotation = -90; chartArea.Area3DStyle.Inclination = 0; chartArea.Area3DStyle.WallWidth = 0; } // 模拟创建数据：时间从昨天7点到今天7点，随机状态和数据 private DataTable CreateSampleData() { DataTable dt = new DataTable(); dt.Columns.Add("时间", typeof(DateTime)); dt.Columns.Add("数据", typeof(double)); dt.Columns.Add("状态", typeof(string)); DateTime start = DateTime.Today.AddDays(-1).AddHours(7); Random rand = new Random(); string[] states = { "运行", "停机", "待机", "维护" }; for (int i = 0; i < 24; i++) { // 每小时生成一个数据点 DateTime time = start.AddHours(i); string state = states[rand.Next(states.Length)]; double value = rand.Next(10, 50); // 模拟持续时长或数值 dt.Rows.Add(time, value, state); } return dt; } private Color GetColorForState(string state) { // 根据状态返回固定颜色 switch (state) { case "运行": return Color.Green; case "停机": return Color.Red; case "待机": return Color.Yellow; case "维护": return Color.Blue; default: return Color.Gray; } } } } ``` ### 方案优化与说明 1. **横向堆叠的实现**： 在代码中，通过 `SeriesChartType.StackedBar` 结合 3D 旋转 `Rotation = -90`，实现了横向的视觉效果。这种方法利用了 Chart 控件内置的堆叠逻辑，避免了手动计算 X 轴坐标偏移的复杂性。如果不使用 3D 旋转，标准的 `StackedBar` 是垂直的，时间轴在底部（X 轴）。旋转后，时间轴会出现在左侧（视觉上的 Y 轴），符合用户“Y 轴为时间”的描述 [ref_5]。 2. **时间轴处理**： 通过设置 `AxisX.Minimum` 和 `Maximum` 为 `DateTime` 对象的 `OADate` 值，精确控制了从昨天 7 点到今天 7 点的显示范围。`IntervalType` 设置为 `Hours` 并设为 1，确保每小时一个刻度 [ref_2]。 3. **数据绑定与堆叠逻辑**： 代码通过遍历 DataTable 中的不同状态，为每个状态创建一个独立的 Series。Chart 控件会自动将相同 X 值（即同一时间点）的不同 Series 的数值进行堆叠。这要求 DataTable 中的数据已经按时间对齐，或者在此代码之上进行预处理（如 LINQ GroupBy），确保同一时间点不同状态的数据被正确分组 [ref_3]。 4. **交互与标注**： 虽然代码中注释掉了 `point.Label`，但在实际应用中，可以取消注释以启用点值标注。通过设置 `Label` 属性，可以在图表的色块上直接显示具体的数值，增强数据的可读性 [ref_1]。此外，可以结合鼠标点击事件（`GetHitTest`）来实现更复杂的交互，如点击显示详细信息 [ref_6]。 此方案完整覆盖了从数据源绑定、图表类型配置、轴向调整到颜色映射的全过程，能够有效解决用户提出的复杂横向堆叠柱形图需求。