### C# 7.3 窗体横向堆叠柱形图实现方案 在 C# 7.3 WinForms 开发中，实现横向堆叠柱形图主要有两种主流途径：一是使用内置的 `System.Windows.Forms.DataVisualization.Charting` 控件（标准 Chart 控件），二是引用第三方组件（如历史项目中常见的 OWC11）[ref_1]。以下从控件选择、数据绑定、样式配置及高级自定义四个维度进行详细解构。 #### 1. 控件选择与方案对比 针对不同的开发需求，选择合适的图表控件至关重要。下表对比了两种主要方案的特性： | 特性维度 | 标准 Chart 控件 | OWC11 组件 (Office Web Components) | | :--- | :--- | :--- | | **技术栈** | .NET Framework 原生支持，无需额外引用 | 基于 COM 组件，需在项目中添加 COM 引用 [ref_1] | | **图表类型** | 支持横向堆叠柱形图 (`Bar` 类型，`Stacked` 自定义) | 支持丰富的图表类型，包括堆叠图 | | **易用性** | 提供可视化的属性编辑器，代码逻辑直观 | 需要熟悉 COM 对象模型，配置相对繁琐 [ref_1] | | **兼容性** | 完美兼容 C# 7.3 及现代 .NET 环境 | 较老的技术，在现代 Windows 环境下可能存在兼容性问题 | | **适用场景** | 新项目、追求高性能与易维护性 | 维护遗留系统、特定历史功能复刻 | #### 2. 核心实现逻辑（以标准 Chart 控件为例） 使用标准 Chart 控件实现横向堆叠柱形图，核心在于配置 `ChartArea` 的坐标轴方向和 `Series` 的图表类型。 **代码示例：初始化横向堆叠柱形图** ```csharp using System.Windows.Forms.DataVisualization.Charting; public void InitializeStackedBarChart(Chart myChart, DataTable dataSource) { // 1. 清空现有图表数据 myChart.Series.Clear(); myChart.ChartAreas.Clear(); // 2. 添加图表区域并配置为横向显示 ChartArea chartArea = new ChartArea(); // 关键设置：Y轴作为分类轴（纵向排列），X轴作为数值轴（横向延伸） // 这里的 "Y" 实际上对应横向柱状图的垂直方向（类别） chartArea.AxisY.IsReversed = false; myChart.ChartAreas.Add(chartArea); // 3. 假设 DataTable 包含 "Value" (数值) 和 "Status" (状态/G/L) // 动态创建 Series，根据状态堆叠 var distinctStatuses = dataSource.AsEnumerable().Select(row => row.Field<string>("Status")).Distinct(); foreach (var status in distinctStatuses) { Series series = new Series(); series.Name = status; // 设置图表类型为横向堆叠柱形图 series.ChartType = SeriesChartType.StackedBar; // 绑定数据：X轴绑定到索引或类别，Y轴绑定数值 // 注意：横向堆叠图中，XValue 实际对应长度，YValueMappingField 对应类别位置 series.XValueMember = "Value"; series.YValueMembers = "Value"; // 在堆叠图中通常绑定同一个值字段 // 根据状态设置颜色 (例如 G=Green, L=Red) if (status == "G") series.Color = Color.Green; else if (status == "L") series.Color = Color.Red; myChart.Series.Add(series); } // 4. 绑定数据源 myChart.DataSource = dataSource; myChart.DataBind(); } ``` #### 3. 坐标轴自定义与字体设置 用户常需调整坐标轴的字体大小及显示多行文本（如 X 轴 1-24 的间隔设置，Y 轴多行标签避免重叠）。 **代码示例：配置坐标轴样式与标签** ```csharp public void CustomizeChartAxes(Chart myChart) { ChartArea area = myChart.ChartAreas[0]; // --- 设置 X 轴 (数值轴，横向长度) --- area.AxisX.Title = "数值长度"; area.AxisX.TitleFont = new Font("微软雅黑", 10, FontStyle.Bold); area.AxisX.LabelStyle.Font = new Font("Arial", 8); // 设置间隔 (例如 1 到 24，或者自定义刻度) area.AxisX.Interval = 1; // 刻度间隔 area.AxisX.Minimum = 0; area.AxisX.Maximum = 25; // 留出一点余量 // --- 设置 Y 轴 (类别轴，纵向分布) --- area.AxisY.Title = "状态类别"; // 设置多行文字或换行：使用环境换行符 \n area.AxisY.Title = "状态\n分类"; // 调整字体大小防止重叠 area.AxisY.LabelStyle.Font = new Font("宋体", 9); area.AxisY.LabelStyle.Angle = 0; // 角度调整，-45 或 45 可倾斜显示 // 若标签过长，可启用 IsLabelAutoFit 或自定义绘制 area.AxisY.IsLabelAutoFit = true; } ``` #### 4. 高级应用：自定义绘制解决标签重叠 当 Y 轴标签内容较多且无法通过简单的字体调整避免重叠时，可以使用 `Customize` 事件进行自定义绘制。 **代码示例：自定义绘制 Y 轴标签** ```csharp // 在窗体初始化或图表加载后订阅事件 myChart.Customize += Chart_Customize; private void Chart_Customize(object sender, EventArgs e) { Chart chart = (Chart)sender; // 遍历所有 Y 轴标签进行自定义处理 foreach (ChartArea area in chart.ChartAreas) { // 获取 Y 轴 Axis axisY = area.AxisY; // 这里可以通过代码逻辑截断过长的文本并添加 "...", // 或者手动计算位置绘制多行文本。 // 注意：完全自定义绘制需要禁用默认标签 (axisY.LabelStyle.Enabled = false) // 并使用 Graphics.DrawString 在 PostPaint 事件中绘制。 // 简单示例：根据索引修改标签文本（模拟多行） for (int i = 0; i < axisY.CustomLabels.Count; i++) { if (axisY.CustomLabels[i].Text.Length > 5) { // 将长文本强制换行演示 axisY.CustomLabels[i].Text = InsertLineBreaks(axisY.CustomLabels[i].Text, 5); } } } } // 辅助方法：插入换行符 private string InsertLineBreaks(string source, int length) { if (string.IsNullOrEmpty(source) || source.Length <= length) return source; // 简单逻辑：每 length 个字符插入换行 // 实际应用中建议根据中文字符宽度计算 return source.Substring(0, length) + "\n" + InsertLineBreaks(source.Substring(length), length); } ``` #### 5. 总结 在 C# 7.3 窗体应用中开发横向堆叠柱形图，推荐优先使用原生 `Chart` 控件，通过配置 `SeriesChartType.StackedBar` 实现堆叠效果，利用 `AxisX` 和 `AxisY` 的属性控制刻度间隔与字体样式。对于复杂的标签布局问题，结合 `Customize` 事件或自定义绘制逻辑能够有效解决重叠问题，保证图表的可读性与美观度。若维护老旧系统，OWC11 仍可作为备选方案，但需注意其 COM 互操作的复杂性 [ref_1]。