Windows Form中缩放后图表点与原始图表的映射问题

你遇到的核心问题是坐标映射没有基于当前缩放后的显示范围，而是一直用原始图表的宽度来计算，导致后续缩放时坐标偏移。我刚入行做自定义图表时也踩过类似的坑，下面帮你拆解问题并给出具体的修改方案：

我们需要跟踪当前图表显示的X时间范围，然后基于这个范围来映射鼠标坐标到实际时间值，而不是靠鼠标坐标记录缩放历史。

1. 添加全局变量跟踪当前显示范围 #

首先在你的类里添加两个变量，用来记录当前图表显示的起始和结束时间：

// 初始值设为原始数据的最小和最大时间（比如从你的数据集中获取）
private double currentDisplayXStart = 0; 
private double currentDisplayXEnd = 100; 
// 可选：保存原始数据范围，用于重置缩放
private double originalDataMinX;
private double originalDataMaxX;

2. 修改MouseUp事件中的坐标映射逻辑 #

替换原来的MouseToXProportion调用，改用当前显示范围计算鼠标点对应的时间，同时去掉错误的zoomStack逻辑：

private void chart_MouseUp(object sender, MouseEventArgs e) {
    Point p1, p2;
    if (isMousepressed) {
        isMousepressed = false;
        isMouseEventOccured = true;
        
        int xLeft = chartA.GetLeftDistToXaxis; // X轴左边界的控件坐标
        int xWidth = chartA.chartWidth; // X轴在控件中的显示宽度
        int yBottom = chartA.yTopPadding + chartA.chartHeight;
        
        // 空点或同点判断，保留原有逻辑
        if (endSelectionPoint == Point.Empty || beginSelectionPoint == Point.Empty) return;
        if (endSelectionPoint.X == beginSelectionPoint.X || endSelectionPoint.Y == beginSelectionPoint.Y) return;
        if (beginSelectionPoint.X < xLeft && endSelectionPoint.X < xLeft) return;
        if (beginSelectionPoint.Y > yBottom && endSelectionPoint.Y > yBottom) return;
        
        endSelectionPoint.X = e.X;
        endSelectionPoint.Y = e.Y;
        
        // 绘制选框，保留原有逻辑
        p1 = ((Control)sender).PointToScreen(beginSelectionPoint);
        p2 = ((Control)sender).PointToScreen(endSelectionPoint);
        ControlPaint.DrawReversibleFrame(chartA.getRectangleForPoints(p1, p2), Color.Black, FrameStyle.Dashed);
        
        // 修正鼠标点到X轴范围内（避免超出X轴，用Clamp简化原有的多if判断）
        int clampedBeginX = Math.Clamp(beginSelectionPoint.X, xLeft, xLeft + xWidth);
        int clampedEndX = Math.Clamp(endSelectionPoint.X, xLeft, xLeft + xWidth);
        
        // 关键：基于当前显示的X范围，计算鼠标点对应的时间值
        double beginTime = currentDisplayXStart + ((clampedBeginX - xLeft) / (double)xWidth) * (currentDisplayXEnd - currentDisplayXStart);
        double endTime = currentDisplayXStart + ((clampedEndX - xLeft) / (double)xWidth) * (currentDisplayXEnd - currentDisplayXStart);
        
        // 确保起始时间小于等于结束时间
        if (beginTime > endTime) {
            (beginTime, endTime) = (endTime, beginTime);
        }
        
        // 更新当前显示的X范围
        currentDisplayXStart = beginTime;
        currentDisplayXEnd = endTime;
        
        // 调用更新图表的方法，传入新的时间范围
        updateChart(lastSelectedProfile, lastSelectedWeldIndex, currentDisplayXStart, currentDisplayXEnd);
    } else {
        return;
    }
}

3. 初始化当前显示范围 #

在图表加载数据完成后，把currentDisplayXStart和currentDisplayXEnd设为原始数据的最小和最大时间：

// 假设你的数据存在一个列表里，比如List<DataPoint> dataPoints
originalDataMinX = dataPoints.Min(p => p.X);
originalDataMaxX = dataPoints.Max(p => p.X);
currentDisplayXStart = originalDataMinX;
currentDisplayXEnd = originalDataMaxX;

4. 添加重置缩放功能（可选但实用） #

给用户一个重置缩放的按钮，点击后恢复初始显示范围：

private void btnResetZoom_Click(object sender, EventArgs e) {
    currentDisplayXStart = originalDataMinX;
    currentDisplayXEnd = originalDataMaxX;
    updateChart(lastSelectedProfile, lastSelectedWeldIndex, currentDisplayXStart, currentDisplayXEnd);
}

• 抛弃鼠标坐标的缩放历史：原来的zoomStack存储的是控件上的鼠标点，和当前显示的数据范围无关，计算出来的缩放因子自然不准确。我们改为直接跟踪当前显示的时间范围，这才是缩放的核心状态。
• 动态坐标映射：每次计算鼠标点对应的时间时，都基于当前显示的X范围和控件中X轴的实际宽度，这样不管缩放多少次，坐标映射都是准确的。
• 简化边界判断：用Math.Clamp替代了原来的多个if语句，代码更简洁易维护。

• 检查你的updateChart方法，确保它能正确接收新的X时间范围，只绘制这个范围内的数据点，而不是所有数据。
• 如果你的MouseToXProportion方法是用来做初始映射的，可以保留它用于图表首次加载，但缩放后的映射必须用上面的动态计算逻辑。

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