如何在C# Windows应用程序Chart控件中隐藏X轴无数据的时间区间

问题原因 #

当前你将X轴的值类型设置为DateTime且配置了固定小时间隔，Chart控件默认将时间轴作为连续数值轴处理，会按照时间的连续性自动补全无数据区间的刻度，因此即使某段时间没有数据也会显示对应的刻度。

解决方案 #

方案1：改用分类轴（最简便，仅展示有数据的时间点） #

该方案会让X轴只显示数据源中存在的时间点，自动跳过无数据的时间段，适配绝大多数场景：

1. 注释掉原有X轴固定间隔配置
2. 新增分类轴相关配置，提前对数据源按时间排序
   修改后的代码示例：

// 先对数据源按时间升序排序，保证X轴顺序正确
DataTable sortedDt = ds.Tables[0].AsEnumerable()
    .OrderBy(r => r.Field<DateTime>("DateAndTime"))
    .CopyToDataTable();
chart2.DataSource = sortedDt;

chart2.Series[0].XValueType = ChartValueType.DateTime;
chart2.ChartAreas[0].AxisX.LabelStyle.Format = "dd-MM-yy HH:mm";
// 注释原有固定间隔配置
// chart2.ChartAreas[0].AxisX.Interval = 1;
// chart2.ChartAreas[0].AxisX.IntervalType = DateTimeIntervalType.Hours;
// chart2.ChartAreas[0].AxisX.IntervalOffset = 1;
// 新增配置：关闭连续数值轴模式，改为分类轴
chart2.ChartAreas[0].AxisX.IsXAxisQuantitative = false;
chart2.ChartAreas[0].AxisX.IsLabelAutoFit = true;

// 以下原有系列配置保持不变
chart2.Series[0].XValueType = ChartValueType.DateTime;
chart2.Series[0].XValueMember = "DateAndTime";
chart2.Series[0].YValueMembers = "Zone1_Temp";
chart2.Series[0].LegendText = "Zone1_Temp";
chart2.Series[0].Color = Color.Red;

// ... 其余系列的原有配置不变

方案2：自定义X轴刻度（需保留时间轴间隔规则时使用） #

如果需要保留按小时展示刻度的规则，只隐藏无数据区间的刻度，可以手动遍历数据源生成自定义刻度标签：

// 先获取所有存在数据的小时区间
var existHours = ds.Tables[0].AsEnumerable()
    .Select(r => r.Field<DateTime>("DateAndTime").Date.AddHours(r.Field<DateTime>("DateAndTime").Hour))
    .Distinct()
    .OrderBy(t => t)
    .ToList();

// 清空原有自动生成的标签，添加自定义标签
chart2.ChartAreas[0].AxisX.CustomLabels.Clear();
for (int i = 0; i < existHours.Count; i++)
{
    var hour = existHours[i];
    // 自定义标签的位置对应系列X值的序号
    chart2.ChartAreas[0].AxisX.CustomLabels.Add(i + 0.5, i + 1.5, hour.ToString("dd-MM-yy HH:mm"));
}

注意事项 #

• 使用方案1时必须提前对数据源按时间字段排序，否则X轴的时间顺序会混乱
• 如果你的数据存在同一小时多个数据点的情况，方案2需要调整标签的位置计算逻辑

内容的提问来源于stack exchange，提问作者Sunny Sandeep