创建"Qt Widget Application"工程
工程名"chart", 其他选项保持默认值即可.
在工程文件"*.pro"中添加"charts"组件
QT += core gui charts
如图所示:
在"mainwindow.ui"中添加"Graphics View"并提升为"QChartView"
- 双击打开"mainwindow.ui";
- 向"MainWindow"中添加"Graphics View"部件, 并将部件的对象名称改为"chartView";
- 在刚添加的部件"chartView"上右键选择菜单"提升为…", 提升的类名称设置为"QChartView", 头文件设置为"qtcharts//qchartview.h", 点击"添加"按钮后点击"提升"按钮;
"mainwindow.h"中包含相关头文件
#include <QtCharts/QChartGlobal>
#include <QtCharts/QChart>
QT_CHARTS_USE_NAMESPACE
到目前为止, 工程已经能够编译通过.
为"chartView"指定需要显示的"chart"
修改"mainwindow.cpp"文件, 向"Mainwindow"的构造函数中添加如下代码:
MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
ui->setupUi(this);
/// 添加以下代码
QLineSeries *series = new QLineSeries();
*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("Simple line chart example");
ui->chartView->setChart(chart);
ui->chartView->setRenderHint(QPainter::Antialiasing);
}
构建并运行程序, 运行效果如下图所示: