如何使用 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 轴上得到更多的白色-space 范围，而不仅仅是 4 个点。

即使“20:15:02”到“20:59::59”之间没有数据，QChart仍然给出了X轴上很多槽的space没有意义。

我们可以绘制 X 轴不连续且 Qt 的图表吗？

如果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();
}

如何使用 QtCharts 绘制不连续的时间序列轴？

How to plot non-consecutive time-series axis with QtCharts?

c++

timeserieschart

axis-labels

qt5

qtcharts