QtCharts 组件是QT中提供图表绘制的模块，该模块可以方便的绘制常规图形，Qtcharts 组件基于GraphicsView模式实现，其核心是QChartView和QChart的二次封装版。
在使用绘图模块时需要在pro文件中包含QT += charts来引入绘图类库。

文章图片

然后还需在头文件中定义QT_CHARTS_USE_NAMESPACE宏，这样才可以正常的使用绘图功能。

文章图片

一般情况下我们会在mainwindows.h头文件中增加如下代码段。

#include #include QT_CHARTS_USE_NAMESPACE// 解决MSVC编译时，界面汉字乱码的问题#if _MSC_VER >= 1600#pragma execution_character_set("utf-8")#endif

由于QT中不存在单独的绘图画布，因此在绘图前我们需要在窗体中放入一个graphicsView组件。

文章图片

并在该组件上右键将其提升为QChartView
【详解C/C++|详解C/C++ QT QChart 绘制组件应用】
文章图片

输入需要提升的组件名称，即可将该组件提升为全局绘图组件。

文章图片

绘制折线图: 折线图的使用非常广泛，如下代码我们首先使用InitChart()将画布初始化，接着调用SetData()实现在画布中填充数据，完整代码如下。

#include "mainwindow.h"#include "ui_mainwindow.h"// 初始化Chart图表void MainWindow::InitChart(){// 创建图表的各个部件QChart *chart = new QChart(); chart->setTitle("系统性能统计图"); // 将Chart添加到ChartViewui->graphicsView->setChart(chart); // this->setCentralWidget( ui->graphicsView); ui->graphicsView->setRenderHint(QPainter::Antialiasing); // 设置图表主题色ui->graphicsView->chart()->setTheme(QChart::ChartTheme(0)); // 创建曲线序列QLineSeries *series0 = new QLineSeries(); QLineSeries *series1 = new QLineSeries(); series0->setName("一分钟负载"); series1->setName("五分钟负载"); // 序列添加到图表chart->addSeries(series0); chart->addSeries(series1); // 其他附加参数series0->setPointsVisible(false); // 设置数据点可见series1->setPointLabelsVisible(false); // 设置数据点数值可见// 创建坐标轴QValueAxis *axisX = new QValueAxis; // X轴axisX->setRange(1, 100); // 设置坐标轴范围axisX->setTitleText("X轴标题"); // 标题axisX->setLabelFormat("%d %"); // 设置x轴格式axisX->setTickCount(3); // 设置刻度axisX->setMinorTickCount(3); QValueAxis *axisY = new QValueAxis; // Y轴axisY->setRange(0, 100); // Y轴范围(-1 - 20)axisY->setTitleText("Y轴标题"); // 标题// 设置X于Y轴数据集chart->setAxisX(axisX, series0); // 为序列设置坐标轴chart->setAxisY(axisY, series0); chart->setAxisX(axisX, series1); // 为序列设置坐标轴chart->setAxisY(axisY, series1); // 图例被点击后触发foreach (QLegendMarker* marker, chart->legend()->markers()){QObject::disconnect(marker, SIGNAL(clicked()), this, SLOT(on_LegendMarkerClicked())); QObject::connect(marker, SIGNAL(clicked()), this, SLOT(on_LegendMarkerClicked())); }}// 为序列生成数据void MainWindow::SetData(){// 获取指针QLineSeries *series0=(QLineSeries *)ui->graphicsView->chart()->series().at(0); QLineSeries *series1=(QLineSeries *)ui->graphicsView->chart()->series().at(1); // 清空图例series0->clear(); series1->clear(); // 赋予数据qreal t=0,intv=1; for(int i=1; i<100; i++){series0->append(t,i); // 设置轴粒度以及数据series1->append(t,i+10); // 此处用随机数替代t+=intv; // X轴粒度}}// 将添加的widget控件件提升为QChartView类MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow){ui->setupUi(this); InitChart(); SetData(); }MainWindow::~MainWindow(){delete ui; }// 图例点击后显示与隐藏线条void MainWindow::on_LegendMarkerClicked(){QLegendMarker* marker = qobject_cast (sender()); switch (marker->type()){case QLegendMarker::LegendMarkerTypeXY:{marker->series()->setVisible(!marker->series()->isVisible()); marker->setVisible(true); qreal alpha = 1.0; if (!marker->series()->isVisible())alpha = 0.5; QColor color; QBrush brush = marker->labelBrush(); color = brush.color(); color.setAlphaF(alpha); brush.setColor(color); marker->setLabelBrush(brush); brush = marker->brush(); color = brush.color(); color.setAlphaF(alpha); brush.setColor(color); marker->setBrush(brush); QPen pen = marker->pen(); color = pen.color(); color.setAlphaF(alpha); pen.setColor(color); marker->setPen(pen); break; }default:break; }}

效果如下所示：

文章图片

绘制饼状图: 饼状图用于统计数据的集的占用百分比，其绘制方式与折线图基本一致，代码如下。

#include "mainwindow.h"#include "ui_mainwindow.h"// 饼状图Avoid MainWindow::printA(){// 构造数据 [已用CPU 60%] [剩余CPU 40%]QPieSlice *slice_1 = new QPieSlice(QStringLiteral("已使用"), 0.6, this); slice_1->setLabelVisible(true); QPieSlice *slice_2 = new QPieSlice(QStringLiteral("可用"), 0.4, this); slice_2->setLabelVisible(true); // 将两个饼状分区加入seriesQPieSeries *series = new QPieSeries(this); series->append(slice_1); series->append(slice_2); // 创建Chart画布QChart *chart = new QChart(); chart->addSeries(series); chart->setAnimationOptions(QChart::AllAnimations); // 设置显示时的动画效果chart->setTitle("系统CPU利用率"); // 将参数设置到画布ui->graphicsView->setChart(chart); ui->graphicsView->setRenderHint(QPainter::Antialiasing); ui->graphicsView->chart()->setTheme(QChart::ChartTheme(0)); }// 饼状图Bvoid MainWindow::printB(){// 构造数据 [C盘 20%] [D盘 30%] [E盘 50%]QPieSlice *slice_c = new QPieSlice(QStringLiteral("C盘"), 0.2, this); slice_c->setLabelVisible(true); QPieSlice *slice_d = new QPieSlice(QStringLiteral("D盘"), 0.3, this); slice_d->setLabelVisible(true); QPieSlice *slice_e = new QPieSlice(QStringLiteral("E盘"),0.5,this); slice_e->setLabelVisible(true); // 将两个饼状分区加入seriesQPieSeries *series = new QPieSeries(this); series->append(slice_c); series->append(slice_d); series->append(slice_e); // 创建Chart画布QChart *chart = new QChart(); chart->addSeries(series); chart->setAnimationOptions(QChart::AllAnimations); // 设置显示时的动画效果chart->setTitle("系统磁盘信息"); // 将参数设置到画布ui->graphicsView_2->setChart(chart); ui->graphicsView_2->setRenderHint(QPainter::Antialiasing); ui->graphicsView_2->chart()->setTheme(QChart::ChartTheme(3)); // 设置不同的主题}// 将添加的widget控件件提升为QChartView类MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow){ui->setupUi(this); printA(); printB(); }MainWindow::~MainWindow(){delete ui; }

效果如下所示：

文章图片

绘制柱状图: 柱状图可用于一次展示多个用户数据，大体是使用上与折线图大体一致，其代码如下:

#include "mainwindow.h"#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow){ui->setupUi(this); // 创建人名QBarSet *set0 = new QBarSet("张三"); QBarSet *set1 = new QBarSet("李四"); QBarSet *set2 = new QBarSet("王五"); QBarSet *set3 = new QBarSet("苏三"); QBarSet *set4 = new QBarSet("刘麻子"); // 分别为不同人添加bu不同数据集*set0 << 1 << 2 << 8 << 4 << 6 << 6; *set1 << 5 << 2 << 5 << 4 << 5 << 3; *set2 << 5 << 5 << 8 << 15 << 9 << 5; *set3 << 8 << 6 << 7 << 5 << 4 << 5; *set4 << 4 << 7 << 5 << 3 << 3 << 2; // 将数据集关联到series中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); // 创建X轴底部提示QStringList categories; categories << "周一" << "周二" << "周三" << "周四" << "周五" << "周六"; QBarCategoryAxis *axis = new QBarCategoryAxis(); axis->append(categories); chart->createDefaultAxes(); chart->setAxisX(axis, series); chart->legend()->setVisible(true); chart->legend()->setAlignment(Qt::AlignBottom); // 将参数设置到画布ui->graphicsView->setChart(chart); ui->graphicsView->setRenderHint(QPainter::Antialiasing); ui->graphicsView->chart()->setTheme(QChart::ChartTheme(0)); }MainWindow::~MainWindow(){delete ui; }

效果如下所示：

文章图片

到此这篇关于C/C++ QT QChart 绘制组件应用的文章就介绍到这了,更多相关C++ QChart组件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

推荐阅读

• 

  南宁：房贷利率新政实施后买房能省多少钱？
• 

  drive|希捷推出 Xbox 专用外置 SSD：1TB 约 1095元，USB 3.2 Gen1 接口
• 

  农户贷款如何界定 「一般农户指什么」
• 

  java用什么软件写代码，JAVA用什么软件编写
• 

  不要吃发物 不要吃过甜过咸和酸性的食物
• 

  八角金盘的介绍-八角金盘的作用
• 

  flutter添加横线，flutter虚线边框
• 

  为什么戒烟后会发胖？
• 

  佛珠多肉烂根怎么办 佛珠多肉烂了怎么办
• 

  中国知名菜刀有什么牌子？中国十大菜刀品牌排行
• 

  从入门到精通，轻松应对各种错误 打印机1700代码解析
• 

  水果礼盒制作步骤大全图解 水果礼盒的制作技巧是怎么样的
• 

  支付宝花呗当面花怎么使用？使用方法及店铺详细介绍
• 

  恒为科技的军方服务器具有怎样的性能？ 恒为科技军方服务器怎么样
• 

  gis中画的图成无效的书签，gis图没了
• 

  工商银行主要业务有哪些
• 

  iphone皮套
• 

  爱普生1430喷墨机清零
• 

  关于vb.neteval的信息
• 

  非诚勿扰影视产业分析

• opencv|opencv C++模板匹配的简单实现
• Java|Java OpenCV图像处理之SIFT角点检测详解
• C语言浮点函数中的modf和fmod详解
• C语言学习|第十一届蓝桥杯省赛 大学B组 C/C++ 第一场
• 虚拟DOM-Diff算法详解
• LSTM网络层详解及其应用实例
• c++基础概念笔记
• OC:|OC: WKWebView详解
• vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show
• Vue组件之事件总线和消息发布订阅详解