如何在QChartView内绘制可随窗口缩放自适应的垂直线？

你的问题很典型——直接用固定像素坐标绘制的线条，肯定没法跟着视图缩放或图表坐标轴变化而适配。我来给你梳理下问题根源，再提供完整的解决方案：

现有代码的问题 #

你当前是用固定的像素值（50和500）来定义线条的上下端点，而且只在点击时创建线条，完全没处理视图缩放、坐标轴范围变化的情况。一旦窗口缩放，这些固定像素的线条自然就脱离图表的可视范围了。

解决方案思路 #

核心是基于图表的坐标轴数值来管理线条，而不是固定像素，同时监听视图和图表的变化事件，实时更新线条位置：

• 存储每条垂直线对应的x轴数值，而不是存储线条的像素位置
• 当窗口缩放、图表坐标轴范围变化时，根据当前的坐标转换规则，重新计算线条的像素位置
• 统一管理线条的创建和更新逻辑，确保每次变化都能同步刷新

修改后的完整代码示例 #

首先在你的ChartView类中添加一个成员变量，用来记录每条垂直线对应的x轴数值：

// ChartView.h 中添加
private:
    QList<qreal> m_verticalLineXValues; // 存储垂直线对应的x轴数值

然后修改mousePressEvent逻辑，不再直接创建固定像素的线条，而是记录x值后调用统一的更新函数：

void ChartView::mousePressEvent(QMouseEvent *event) {
    if (m_isTouching) return;
    
    if (event->modifiers() & Qt::ShiftModifier) {
        // 将点击的屏幕位置转换为图表的坐标数值
        QPointF chartCoordinate = chart()->mapToValue(event->pos());
        qreal targetX = chartCoordinate.x();
        
        // 记录这个x值，后续用来生成线条
        m_verticalLineXValues.append(targetX);
        
        // 刷新所有垂直线
        updateVerticalLines();
    }
    
    if (event->modifiers() & Qt::ControlModifier) {
        // 清除所有线条和记录的x值
        for (auto item : scene()->items()) {
            if (QGraphicsLineItem* lineItem = qgraphicsitem_cast<QGraphicsLineItem*>(item)) {
                scene()->removeItem(lineItem);
                delete lineItem;
            }
        }
        m_verticalLineXValues.clear();
    }
    
    QChartView::mousePressEvent(event);
}

接下来添加核心的updateVerticalLines函数，用来根据当前图表状态重新生成垂直线：

void ChartView::updateVerticalLines() {
    // 先清除场景中所有旧的垂直线
    for (auto item : scene()->items()) {
        if (QGraphicsLineItem* lineItem = qgraphicsitem_cast<QGraphicsLineItem*>(item)) {
            scene()->removeItem(lineItem);
            delete lineItem;
        }
    }
    
    // 获取当前图表的y轴范围（如果有多个y轴，根据实际需求调整）
    QAbstractAxis* yAxis = chart()->axes(Qt::Vertical).first();
    qreal yMin = yAxis->min();
    qreal yMax = yAxis->max();
    
    // 遍历所有记录的x值，生成对应的垂直线
    for (qreal xVal : m_verticalLineXValues) {
        // 将坐标轴数值转换为视图中的屏幕像素位置
        QPointF topPixelPos = chart()->mapToPosition(QPointF(xVal, yMax));
        QPointF bottomPixelPos = chart()->mapToPosition(QPointF(xVal, yMin));
        
        // 创建垂直线并设置属性
        QGraphicsLineItem* verticalLine = scene()->addLine(QLineF(topPixelPos, bottomPixelPos));
        verticalLine->setFlag(QGraphicsItem::ItemIsMovable);
        // 可以自定义线条样式，比如红色虚线
        verticalLine->setPen(QPen(Qt::red, 1, Qt::DotLine));
    }
}

最后，需要监听视图缩放和图表坐标轴变化的事件，触发线条更新。在ChartView的构造函数中添加事件连接，并重写resizeEvent：

// ChartView构造函数
ChartView::ChartView(QChart *chart, QWidget *parent) : QChartView(chart, parent) {
    // 监听图表坐标轴变化事件
    connect(chart, &QChart::axesChanged, this, &ChartView::updateVerticalLines);
}

// 重写resizeEvent，处理窗口缩放
void ChartView::resizeEvent(QResizeEvent *event) {
    QChartView::resizeEvent(event);
    // 窗口缩放时刷新线条
    updateVerticalLines();
}

额外优化建议 #

如果需要支持线条拖动后自动更新x值，可以重写mouseMoveEvent，在拖动结束后获取线条新位置对应的x轴数值，更新m_verticalLineXValues中的对应值，再调用updateVerticalLines即可。

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