Qt官方示例：一些简单的图表示例-- 迪族网

Qt官方示例：一些简单的图表示例

来源：QT教程　2023-06-21 06:38:42

Qt Chart是一个基于Qt的图表库，它提供了多种类型的图表，例如线图、饼图、柱状图等等。Qt Chart支持多种数据源，包括CSV文件、SQL数据库、QAbstractItemModel等。此外，Qt Chart还支持实时数据更新和动态图表，可以满足各种需求。 Qt Chart是一个商业授权的Qt模块，因此需要购买Qt商业版授权才能使用。但是，Qt提供了一个30天的免费试用期，让用户可以在试用期内免费使用Qt Chart。使用Qt Chart可以轻松地创建各种类型的图表，并且可以定制图表的样式和外观。Qt Chart具有良好的可扩展性和可维护性，也可以与其他Qt模块和第三方库集成使用。

Qt学习基地（免费报名学习）：

(资料图片)

这几个例子十分简单，直接上代码。

AreaChart Example

面积图，显示一个蝙蝠侠图案。

#include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QLineSeries *series0 = new QLineSeries();QLineSeries *series1 = new QLineSeries();*series0 << QPointF(1, 5) << QPointF(3, 7) << QPointF(7, 6) << QPointF(9, 7) << QPointF(12, 6)<< QPointF(16, 7) << QPointF(18, 5);*series1 << QPointF(1, 3) << QPointF(3, 4) << QPointF(7, 3) << QPointF(8, 2) << QPointF(12, 3)<< QPointF(16, 4) << QPointF(18, 3);QAreaSeries *series = new QAreaSeries(series0, series1);series->setName("蝙蝠侠");series->setPointLabelsVisible(true);// 显示点上的标签QPen pen(0x059605);(3);series->setPen(pen);QLinearGradient gradient(QPointF(0, 0), QPointF(0, 1));//线性渐变(, 0x3cc63c);(, 0x26f626);(QGradient::ObjectMode);series->setBrush(gradient);QChart *chart = new QChart();chart->addSeries(series);chart->setTitle("简单面积图示例");chart->createDefaultAxes();chart->axes(Qt::Horizontal).first()->setRange(0, 20);chart->axes(Qt::Vertical).first()->setRange(0, 10);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(400, 300);();return ();}

知识点和技巧

1、设置颜色

QPen pen(0x059605);QPen pen("#059605");Qt更加推荐用前一种方式。BarChart Example

简单条形图例子。

#include #include #include #include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QBarSet *set0 = new QBarSet("Jane_BarSet");QBarSet *set1 = new QBarSet("John_BarSet");QBarSet *set2 = new QBarSet("Axel_BarSet");QBarSet *set3 = new QBarSet("Mary_BarSet");QBarSet *set4 = new QBarSet("Samantha_BarSet");*set0 << 1 << 2 << 3 << 4 << 5 << 6;*set1 << 5 << 0 << 0 << 4 << 0 << 7;*set2 << 3 << 5 << 8 << 13 << 8 << 5;*set3 << 5 << 6 << 7 << 3 << 4 << 5;*set4 << 9 << 7 << 5 << 3 << 1 << 2;QBarSeries *series = new QBarSeries();series->append(set0);series->append(set1);series->append(set2);series->append(set3);series->append(set4);QChart *chart = new QChart();chart->addSeries(series);chart->setTitle("简单条形图");chart->setAnimationOptions(QChart::SeriesAnimations);QBarCategoryAxis *axisX = new QBarCategoryAxis();//条形图坐标轴axisX->append(QStringList()<< "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun");//数目要和QBarSet里面的数据个数相同chart->addAxis(axisX, Qt::AlignBottom);series->attachAxis(axisX);QValueAxis *axisY = new QValueAxis();axisY->setRange(0,15);chart->addAxis(axisY, Qt::AlignLeft);series->attachAxis(axisY);chart->legend()->setVisible(true);chart->legend()->setAlignment(Qt::AlignBottom);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(420, 300);();return ();}

HorizontalBarChart Example

简单水平条形图例子。

#include #include #include #include #include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QBarSet *set0 = new QBarSet("Jane_BarSet");QBarSet *set1 = new QBarSet("John_BarSet");QBarSet *set2 = new QBarSet("Axel_BarSet");QBarSet *set3 = new QBarSet("Mary_BarSet");QBarSet *set4 = new QBarSet("Samantha_BarSet");*set0 << 1 << 2 << 3 << 4 << 5 << 6;*set1 << 5 << 0 << 0 << 4 << 0 << 7;*set2 << 3 << 5 << 8 << 13 << 8 << 5;*set3 << 5 << 6 << 7 << 3 << 4 << 5;*set4 << 9 << 7 << 5 << 3 << 1 << 2;QHorizontalBarSeries *series = new QHorizontalBarSeries();series->append(set0);series->append(set1);series->append(set2);series->append(set3);series->append(set4);QChart *chart = new QChart();chart->addSeries(series);chart->setTitle("简单水平柱状图");chart->setAnimationOptions(QChart::SeriesAnimations);QBarCategoryAxis *axisY = new QBarCategoryAxis();//柱状图坐标轴axisY->append(QStringList()<< "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun");chart->addAxis(axisY, Qt::AlignLeft);series->attachAxis(axisY);QValueAxis *axisX = new QValueAxis();chart->addAxis(axisX, Qt::AlignBottom);series->attachAxis(axisX);axisX->applyNiceNumbers();chart->legend()->setVisible(true);chart->legend()->setAlignment(Qt::AlignBottom);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(420, 300);();return ();}

HorizontalPercentBarChart Example

简单水平百分比条形图例子。

#include #include #include #include #include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QBarSet *set0 = new QBarSet("Jane_BarSet");QBarSet *set1 = new QBarSet("John_BarSet");QBarSet *set2 = new QBarSet("Axel_BarSet");QBarSet *set3 = new QBarSet("Mary_BarSet");QBarSet *set4 = new QBarSet("Samantha_BarSet");*set0 << 1 << 2 << 3 << 4 << 5 << 6;*set1 << 5 << 0 << 0 << 4 << 0 << 7;*set2 << 3 << 5 << 8 << 13 << 8 << 5;*set3 << 5 << 6 << 7 << 3 << 4 << 5;*set4 << 9 << 7 << 5 << 3 << 1 << 2;QHorizontalPercentBarSeries *series = new QHorizontalPercentBarSeries();series->append(set0);series->append(set1);series->append(set2);series->append(set3);series->append(set4);QChart *chart = new QChart();chart->addSeries(series);chart->setTitle("简单水平百分比条形图示例");chart->setAnimationOptions(QChart::SeriesAnimations);QBarCategoryAxis *axisY = new QBarCategoryAxis();axisY->append(QStringList()<< "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun");chart->addAxis(axisY, Qt::AlignLeft);series->attachAxis(axisY);QValueAxis *axisX = new QValueAxis();chart->addAxis(axisX, Qt::AlignBottom);series->attachAxis(axisX);chart->legend()->setVisible(true);chart->legend()->setAlignment(Qt::AlignBottom);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(420, 300);();return ();}

PercentBarChart Example

简单垂直百分比条形图示例。

#include #include #include #include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QBarSet *set0 = new QBarSet("Jane_BarSet");QBarSet *set1 = new QBarSet("John_BarSet");QBarSet *set2 = new QBarSet("Axel_BarSet");QBarSet *set3 = new QBarSet("Mary_BarSet");QBarSet *set4 = new QBarSet("Samantha_BarSet");*set0 << 1 << 2 << 3 << 4 << 5 << 6;*set1 << 5 << 0 << 0 << 4 << 0 << 7;*set2 << 3 << 5 << 8 << 13 << 8 << 5;*set3 << 5 << 6 << 7 << 3 << 4 << 5;*set4 << 9 << 7 << 5 << 3 << 1 << 2;QPercentBarSeries *series = new QPercentBarSeries();series->append(set0);series->append(set1);series->append(set2);series->append(set3);series->append(set4);QChart *chart = new QChart();chart->addSeries(series);chart->setTitle("简单垂直百分比条形图示例");chart->setAnimationOptions(QChart::SeriesAnimations);QBarCategoryAxis *axisX = new QBarCategoryAxis();axisX->append(QStringList()<< "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun");chart->addAxis(axisX, Qt::AlignBottom);series->attachAxis(axisX);QValueAxis *axisY = new QValueAxis();chart->addAxis(axisY, Qt::AlignLeft);series->attachAxis(axisY);chart->legend()->setVisible(true);chart->legend()->setAlignment(Qt::AlignBottom);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(420, 300);();return ();}

HorizontalStackedBarChart Example

简单水平堆叠的条形图例子。

#include #include #include #include #include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QBarSet *set0 = new QBarSet("Jane_BarSet");QBarSet *set1 = new QBarSet("John_BarSet");QBarSet *set2 = new QBarSet("Axel_BarSet");QBarSet *set3 = new QBarSet("Mary_BarSet");QBarSet *set4 = new QBarSet("Samantha_BarSet");*set0 << 1 << 2 << 3 << 4 << 5 << 6;*set1 << 5 << 0 << 0 << 4 << 0 << 7;*set2 << 3 << 5 << 8 << 13 << 8 << 5;*set3 << 5 << 6 << 7 << 3 << 4 << 5;*set4 << 9 << 7 << 5 << 3 << 1 << 2;QHorizontalStackedBarSeries *series = new QHorizontalStackedBarSeries();series->append(set0);series->append(set1);series->append(set2);series->append(set3);series->append(set4);QChart *chart = new QChart();chart->addSeries(series);chart->setTitle("简单水平堆叠的条形图例子");chart->setAnimationOptions(QChart::SeriesAnimations);QBarCategoryAxis *axisY = new QBarCategoryAxis();axisY->append(QStringList()<< "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun");chart->addAxis(axisY, Qt::AlignLeft);series->attachAxis(axisY);QValueAxis *axisX = new QValueAxis();chart->addAxis(axisX, Qt::AlignBottom);series->attachAxis(axisX);chart->legend()->setVisible(true);chart->legend()->setAlignment(Qt::AlignBottom);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(420, 300);();return ();}

StackedBarChart Example

简单垂直堆叠的条形图例子。

#include #include #include #include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QBarSet *set0 = new QBarSet("Jane_BarSet");QBarSet *set1 = new QBarSet("John_BarSet");QBarSet *set2 = new QBarSet("Axel_BarSet");QBarSet *set3 = new QBarSet("Mary_BarSet");QBarSet *set4 = new QBarSet("Samantha_BarSet");*set0 << 1 << 2 << 3 << 4 << 5 << 6;*set1 << 5 << 0 << 0 << 4 << 0 << 7;*set2 << 3 << 5 << 8 << 13 << 8 << 5;*set3 << 5 << 6 << 7 << 3 << 4 << 5;*set4 << 9 << 7 << 5 << 3 << 1 << 2;QStackedBarSeries *series = new QStackedBarSeries();series->append(set0);series->append(set1);series->append(set2);series->append(set3);series->append(set4);QChart *chart = new QChart();chart->addSeries(series);chart->setTitle("简单垂直堆叠的条形图例子");chart->setAnimationOptions(QChart::SeriesAnimations);QBarCategoryAxis *axisX = new QBarCategoryAxis();axisX->append(QStringList()<< "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun");chart->addAxis(axisX, Qt::AlignBottom);series->attachAxis(axisX);QValueAxis *axisY = new QValueAxis();chart->addAxis(axisY, Qt::AlignLeft);series->attachAxis(axisY);chart->legend()->setVisible(true);chart->legend()->setAlignment(Qt::AlignBottom);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(420, 300);();return ();}

Line and BarChart Example

在一个图表上同时显示一个折线图和一个条形图的例子。

#include #include #include #include #include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QBarSet *set0 = new QBarSet("Jane_BarSet");QBarSet *set1 = new QBarSet("John_BarSet");QBarSet *set2 = new QBarSet("Axel_BarSet");QBarSet *set3 = new QBarSet("Mary_BarSet");QBarSet *set4 = new QBarSet("Samantha_BarSet");*set0 << 1 << 2 << 3 << 4 << 5 << 6;*set1 << 5 << 0 << 0 << 4 << 0 << 7;*set2 << 3 << 5 << 8 << 13 << 8 << 5;*set3 << 5 << 6 << 7 << 3 << 4 << 5;*set4 << 9 << 7 << 5 << 3 << 1 << 2;QBarSeries *barseries = new QBarSeries();barseries->append(set0);barseries->append(set1);barseries->append(set2);barseries->append(set3);barseries->append(set4);QLineSeries *lineseries = new QLineSeries();lineseries->setName("trend");lineseries->append(QPoint(0, 4));lineseries->append(QPoint(1, 15));lineseries->append(QPoint(2, 20));lineseries->append(QPoint(3, 4));lineseries->append(QPoint(4, 12));lineseries->append(QPoint(5, 17));QChart *chart = new QChart();chart->addSeries(barseries);chart->addSeries(lineseries);chart->setTitle("折线图和条形图示例");QBarCategoryAxis *axisX = new QBarCategoryAxis();axisX->append(QStringList()<< "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun");axisX->setRange(QString("Jan"), QString("Jun"));chart->addAxis(axisX, Qt::AlignBottom);lineseries->attachAxis(axisX);barseries->attachAxis(axisX);QValueAxis *axisY = new QValueAxis();axisY->setRange(0, 20);chart->addAxis(axisY, Qt::AlignLeft);lineseries->attachAxis(axisY);barseries->attachAxis(axisY);chart->legend()->setVisible(true);chart->legend()->setAlignment(Qt::AlignBottom);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(440, 300);();return ();}

知识点和技巧

在一个图表显示不同类型的曲线，设置坐标轴的方法和顺序可以参考这个例子。

LineChart Example

简单折线图示例。

#include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QLineSeries *series = new QLineSeries();series->append(0, 6);series->append(2, 4);series->append(3, 8);series->append(7, 4);series->append(10, 5);*series << QPointF(11, 1) << QPointF(13, 3) << QPointF(17, 6) << QPointF(18, 3) << QPointF(20, 2);QChart *chart = new QChart();chart->legend()->hide();chart->addSeries(series);chart->createDefaultAxes();chart->setTitle("简单折线图示例");QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(400, 300);();return ();}

Piechart Example

简单饼图示例。

#include #include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QPieSeries *series = new QPieSeries();series->append("Jane", 1);series->append("Joe", 2);series->append("Andy", 3);series->append("Barbara", 4);series->append("Axel", 5);QPieSlice *slice = series->slices().at(1);slice->setExploded(true);//突出显示slice->setLabelVisible();slice->setPen(QPen(Qt::darkGreen, 2));slice->setBrush(Qt::green);QChart *chart = new QChart();chart->addSeries(series);chart->setTitle("简单饼图示例");chart->legend()->hide();QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(400, 300);();return ();}

SplineChart Example

简单曲线图。

#include #include #include #include QT_CHARTS_USE_NAMESPACEint main(int argc, char *argv[]){QApplication a(argc, argv);QSplineSeries *series = new QSplineSeries();series->setName("spline");series->append(0, 6);series->append(2, 4);series->append(3, 8);series->append(7, 4);series->append(10, 5);*series << QPointF(11, 1) << QPointF(13, 3) << QPointF(17, 6) << QPointF(18, 3) << QPointF(20, 2);QChart *chart = new QChart();chart->legend()->hide();chart->addSeries(series);chart->setTitle("简单曲线图");chart->createDefaultAxes();chart->axes(Qt::Vertical).first()->setRange(0, 10);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);QMainWindow window;(chartView);(400, 300);();return ();}

【领 QT开发教程学习资料，点击下方链接莬费领取↓↓ ，先码住不迷路~】

点击这里：

关键词：

推荐DIY文章