QT5.14.2 官方例子 - Qt Charts 2: Chart Themes Example(图表主题)

示例展示了如何将QLineChart与QDateTimeAxis一起使用。

在图表中，我们将展示太阳黑子的数量随时间的变化。数据(来自太空天气预报中心)是从一个文本文件读取的。

 

具体讲解在：

https://doc.qt.io/qt-5/qtcharts-datetimeaxis-example.html

 

过程分析：

int main(int argc, char *argv[]) { QApplication a(argc, argv); //![1] //创建线性图指针 QLineSeries *series = new QLineSeries(); //![1] //![2] // data from http://www.swpc.noaa.gov/ftpdir/weekly/RecentIndices.txt // http://www.swpc.noaa.gov/ftpdir/weekly/README // http://www.weather.gov/disclaimer // 打开太阳黑点记录文件， // 在资源文件中，添加该文本：sun_spots.txt，别名为：sun QFile sunSpots(":sun"); if (!sunSpots.open(QIODevice::ReadOnly | QIODevice::Text)) { return 1; } // 用文本流(QTextStream)去处理该文本 QTextStream stream(&sunSpots); while (!stream.atEnd()) { QString line = stream.readLine(); if (line.startsWith("#") || line.startsWith(":")) continue; // 将字符串用空格分隔开，并逐条记录到字符列表中 QStringList values = line.split(" ", QString::SkipEmptyParts); QDateTime momentInTime; momentInTime.setDate(QDate(values[0].toInt(), values[1].toInt() , 15)); // 添加横，纵坐标 series->append(momentInTime.toMSecsSinceEpoch(), values[2].toDouble()); } sunSpots.close(); //![2] //![3] // 添加图表，为该图表添加线性图 QChart *chart = new QChart(); chart->addSeries(series); chart->legend()->hide(); chart->setTitle("Sunspots count (by Space Weather Prediction Center)"); //![3] //![4] // QDateTimeAxis类将日期和时间添加到图表的轴上 QDateTimeAxis *axisX = new QDateTimeAxis; axisX->setTickCount(10); axisX->setFormat("MMM yyyy"); axisX->setTitleText("Date"); // 为图表添加该轴为下方的轴 chart->addAxis(axisX, Qt::AlignBottom); series->attachAxis(axisX); QValueAxis *axisY = new QValueAxis; axisY->setLabelFormat("%i"); axisY->setTitleText("Sunspots count"); // 为图表添加该轴为左方的轴 chart->addAxis(axisY, Qt::AlignLeft); series->attachAxis(axisY); //![4] //![5] // 将该图表添加到图表视图中 QChartView *chartView = new QChartView(chart); chartView->setRenderHint(QPainter::Antialiasing); //![5] //![6] QMainWindow window; window.setCentralWidget(chartView); window.resize(820, 600); window.show(); //![6] return a.exec(); }

 

大致思路：

1.创建图类型（线型图，条形图，饼状图等等）；

2.为类型图添加点坐标；

//![1] //创建线性图指针 QLineSeries *series = new QLineSeries(); //![1] //![2] // data from http://www.swpc.noaa.gov/ftpdir/weekly/RecentIndices.txt // http://www.swpc.noaa.gov/ftpdir/weekly/README // http://www.weather.gov/disclaimer // 打开太阳黑点记录文件， // 在资源文件中，添加该文本：sun_spots.txt，别名为：sun QFile sunSpots(":sun"); if (!sunSpots.open(QIODevice::ReadOnly | QIODevice::Text)) { return 1; } // 用文本流(QTextStream)去处理该文本 QTextStream stream(&sunSpots); while (!stream.atEnd()) { QString line = stream.readLine(); if (line.startsWith("#") || line.startsWith(":")) continue; // 将字符串用空格分隔开，并逐条记录到字符列表中 QStringList values = line.split(" ", QString::SkipEmptyParts); QDateTime momentInTime; momentInTime.setDate(QDate(values[0].toInt(), values[1].toInt() , 15)); // 添加横，纵坐标 series->append(momentInTime.toMSecsSinceEpoch(), values[2].toDouble()); } sunSpots.close();

3.创建图表，将类型图添加到图表上；

// 添加图表，为该图表添加线性图 QChart *chart = new QChart(); chart->addSeries(series); chart->legend()->hide(); chart->setTitle("Sunspots count (by Space Weather Prediction Center)"); //![3]

4.创建x，y轴，添加到类型图上；

// QDateTimeAxis类将日期和时间添加到图表的轴上 QDateTimeAxis *axisX = new QDateTimeAxis; axisX->setTickCount(10); axisX->setFormat("MMM yyyy"); axisX->setTitleText("Date"); // 为图表添加该轴为下方的轴 chart->addAxis(axisX, Qt::AlignBottom); series->attachAxis(axisX); QValueAxis *axisY = new QValueAxis; axisY->setLabelFormat("%i"); axisY->setTitleText("Sunspots count"); // 为图表添加该轴为左方的轴 chart->addAxis(axisY, Qt::AlignLeft); series->attachAxis(axisY);

5.创建图表视图，添加图表；

// 将该图表添加到图表视图中 QChartView *chartView = new QChartView(chart); chartView->setRenderHint(QPainter::Antialiasing);

 

修改：将线性图修改了饼状图；

范围分为：0-67，67-135，135-202，202-270

待补充。。。