如何用QtCharts绘制非连续时间序列轴？

Question

我需要绘制一个图表，它的轴X有date-time的数据类型。

我正在尝试使用QtCharts来这样做，但是我发现QtCharts::QDateTimeAxis只能处理连续的数据(X轴是成比例的和连续的)。

例如，给定一个LineSeries：

{
   { "20:15:00", 123.0 },
   { "20:15:01", 124.0 },
   { "21:00:00", 125.0 },
   { "21:00:01", 126.0 },
}

如果我使用QDateTimeAxis作为X轴，那么X轴上的空白范围就会更大，而不仅仅是4个点。

尽管"20:15:02“到”20:59:59“之间没有数据，但QChart仍然给出了X轴上许多没有意义的插槽的空间。

我们能用Qt绘制一个具有非连续X轴的图表吗？

如果Qt做不到，那么是否有一个开源的C++库也可以这样做呢？

Answer 1

您不必使用QDateTimeAxis，因为该轴的设计是为了使点与时差成比例地间隔。因此，一个可能的解决方案是使用QCategoryAxis：

#include <QtWidgets>
#include <QtCharts>

QT_CHARTS_USE_NAMESPACE

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    std::vector<std::pair<QString, float>> data = {
        { "20:15:00", 123.0 },
        { "20:15:01", 124.0 },
        { "21:00:00", 125.0 },
        { "21:00:01", 126.0 },
    };

    QScatterSeries *series = new QScatterSeries(); // or QLineSeries *series = new QLineSeries;
    QCategoryAxis *axisX = new QCategoryAxis;
    axisX->setMin(.5);
    axisX->setMax(data.size() + .5);
    axisX->setTitleText("Time");
    QValueAxis *axisY = new QValueAxis;
    axisY->setLabelFormat("%.2f");
    axisY->setTitleText("Example");
    axisY->setMin(122);
    axisY->setMax(127);

    for(std::size_t i=0; i < data.size(); i++){
        series->append(i + 1, data.at(i).second);
        axisX->append(data.at(i).first, i + 1.5);
    }

    QChart *chart = new QChart();
    chart->addSeries(series);

    chart->legend()->hide();
    chart->addAxis(axisX, Qt::AlignBottom);

    series->attachAxis(axisX);
    chart->addAxis(axisY, Qt::AlignLeft);
    series->attachAxis(axisY);

    QChartView *chartView = new QChartView(chart);
    chartView->setRenderHint(QPainter::Antialiasing);
    QMainWindow window;
    window.setCentralWidget(chartView);
    window.resize(820, 600);
    window.show();
    return a.exec();
}

​

​