QtChart绘制K线与5日均线出现双X轴的问题解决咨询

这个问题的核心原因很明确：QCandlestickSeries 默认会绑定 QBarCategoryAxis（分类轴），而 QLineSeries 默认绑定 QValueAxis（数值轴），QChart 会为每个系列自动创建对应的轴，所以就出现了两个X轴。要解决这个问题，我们只需要让两个系列共用同一个X轴即可，推荐统一使用 QBarCategoryAxis（毕竟K线的X轴通常是日期这类分类数据）。

具体实现步骤 #

1. 准备两个系列的数据：注意 QLineSeries 的X值要对应 QBarCategoryAxis 的分类索引（从0开始的整数，比如第一个分类对应X=0，第二个对应X=1，以此类推）。
2. 创建共用的X轴：手动实例化 QBarCategoryAxis 并设置分类标签（比如日期）。
3. 关联两个系列到同一X轴：将两个系列都绑定到我们创建的共用轴上，同时移除QChart自动生成的多余轴。

完整代码示例（C++） #

#include <QApplication>
#include <QMainWindow>
#include <QChart>
#include <QCandlestickSeries>
#include <QCandlestickSet>
#include <QLineSeries>
#include <QBarCategoryAxis>
#include <QValueAxis>
#include <QChartView>

int main(int argc, char *argv[]) {
    QApplication a(argc, argv);
    QMainWindow window;
    QChart *chart = new QChart();
    chart->setTitle("K线与5日均线");

    // ---------------------- 创建K线系列 ----------------------
    QCandlestickSeries *candlestickSeries = new QCandlestickSeries();
    candlestickSeries->setName("K线");

    // 添加K线数据（示例）
    QCandlestickSet *set1 = new QCandlestickSet(0);
    set1->setOpen(23.53);
    set1->setHigh(23.85);
    set1->setLow(23.30);
    set1->setClose(23.70);

    QCandlestickSet *set2 = new QCandlestickSet(1);
    set2->setOpen(23.68);
    set2->setHigh(24.00);
    set2->setLow(23.50);
    set2->setClose(23.90);

    QCandlestickSet *set3 = new QCandlestickSet(2);
    set3->setOpen(23.85);
    set3->setHigh(24.20);
    set3->setLow(23.70);
    set3->setClose(24.10);

    candlestickSeries->append({set1, set2, set3});

    // ---------------------- 创建5日均线系列 ----------------------
    QLineSeries *ma5Series = new QLineSeries();
    ma5Series->setName("5日均线");

    // 注意X值对应分类索引（0、1、2），与K线的分类一一对应
    ma5Series->append(0, 23.6);
    ma5Series->append(1, 23.75);
    ma5Series->append(2, 23.95);

    // ---------------------- 创建共用X轴 ----------------------
    QBarCategoryAxis *axisX = new QBarCategoryAxis();
    axisX->append({"2024-01-01", "2024-01-02", "2024-01-03"});
    axisX->setTitleText("日期");

    // ---------------------- 创建共用Y轴 ----------------------
    QValueAxis *axisY = new QValueAxis();
    axisY->setTitleText("价格");
    axisY->setRange(23.0, 24.5);

    // ---------------------- 关联系列与轴 ----------------------
    chart->addSeries(candlestickSeries);
    chart->addSeries(ma5Series);

    // 添加共用轴到图表，并将两个系列绑定到轴上
    chart->addAxis(axisX, Qt::AlignBottom);
    chart->addAxis(axisY, Qt::AlignLeft);

    candlestickSeries->attachAxis(axisX);
    candlestickSeries->attachAxis(axisY);
    ma5Series->attachAxis(axisX);
    ma5Series->attachAxis(axisY);

    // 移除自动生成的多余轴（如果存在）
    QList<QAbstractAxis*> allAxes = chart->axes();
    for (QAbstractAxis *axis : allAxes) {
        if (axis != axisX && axis != axisY) {
            chart->removeAxis(axis);
        }
    }

    // 显示图表
    QChartView *chartView = new QChartView(chart);
    chartView->setRenderHint(QPainter::Antialiasing);
    window.setCentralWidget(chartView);
    window.resize(800, 600);
    window.show();

    return a.exec();
}

关键注意点 #

• QLineSeries的X值必须是整数索引：因为 QBarCategoryAxis 是基于分类顺序的，每个分类对应一个从0开始的整数索引，这样均线才能和K线在X轴上精准对齐。
• 手动管理轴的创建：不要依赖QChart的自动轴生成，手动创建并关联轴可以避免多余轴的出现。
• 共用Y轴：同时让两个系列共用Y轴，能保证K线和均线的数值范围一致，显示更协调。

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