官方推出的QCharts以后,QT画图再也不用需要配置第三方的qcustomplot和qwt插件了,QCharts功能比两者都好,且易用安装和使用。我用的是目前最新版的5.11.1这个版本(强烈推荐升级)。安装的时候只需要勾选qtcharts就行了。
首先新建一个Qt Widgets Application工程,在.pro文件里面添加如下语句:
QT += charts
然后再程序的开头加上一个宏
QT_CHARTS_USE_NAMESPACE
都保存以后,就可以开始了。
添加QCharts必须的头文件:
> #include <QChartView>
> #include <QChart>
然后创建实例:
QChart *chart;
QChartView *chartview;
还有新建一个series作为图表的数据源:
QBarSeries (用于创建柱状图)
QHorizontalBarSeries (用于创建水平柱状图)
QHorizontalPercentBarSeries (用于创建水平百分比柱状图)
QHorizontalStackedBarSeries (用于创建水平层叠图)
QPercentBarSeries (用于创建百分比柱状图)QStackedBarSeries (用于创建层叠图/堆叠的条形图)
QAreaSeries (用于创建面积图)
QBoxPlotSeries (用于创建箱形图/盒须图)
QPieSeries (用于创建饼图)
QXYSeries (线性图、曲线图、散点图的基类)
QLineSeries (用于创建折线图)
QSplineSeries (用于创建曲线图)
QScatterSeries (用于创建散点图)
我们画一个曲线图,所以选择QSplineSeries,添加头文件并创建实例:
#include <QSplineSeries>
QSplineSeries *series;
还要建立坐标轴(也可直接创建默认坐标轴),和选择窗口布局,添加头文件并创建实例:
#include <QHBoxLayout>
#include <QValueAxis>
QHBoxLayout *layout;
QValueAxis *axisX;
QValueAxis *axisY;
我们把它写成一个函数buildChart(),实现如下:
void MainWindow::buildChart()
{
series = new QSplineSeries;
chart = new QChart;
chartview = new QChartView(chart);
layout = new QHBoxLayout;
//建立坐标轴
axisX = new QValueAxis;
axisX->setRange(0, 20); //设置范围
axisX->setLabelFormat("%u"); //设置刻度的格式
/************************************
%u 无符号十进制整数
%s 字符串
%A 浮点数、十六进制数字和p-记法
%c 一个字符
%d 有符号十进制整数
%e 浮点数、e-记数法
%E 浮点数、E-记数法
%f 浮点数、十进制记数法
%g 根据数值不同自动选择%f或%e.
%G 根据数值不同自动选择%f或%e.
%i 有符号十进制数(与%d相同)
%o 无符号八进制整数
%p 指针
%s 字符串
%x/%X 使用十六进制数字0f的无符号十六进制整数
****************************************/
axisX->setGridLineVisible(true); //网格线可见
axisX->setTickCount(10); //设置多少个大格
axisX->setMinorTickCount(1); //设置每个大格里面小刻度线的数目
axisX->setTitleText("X"); //设置描述
//axisX->setLabelsVisible(false);//设置刻度是否可见
axisY = new QValueAxis;
axisY->setRange(0,10);
axisY->setLabelFormat("%u");
axisY->setGridLineVisible(true);
axisY->setTickCount(10);
axisY->setMinorTickCount(1);
axisY->setTitleText("Y");
chart->addAxis(axisX, Qt::AlignBottom); //下:Qt::AlignBottom 上:Qt::AlignTop
chart->addAxis(axisY, Qt::AlignLeft); //左:Qt::AlignLeft 右:Qt::AlignRight
//创建数据源
series->setPen(QPen(Qt::red,1,Qt::SolidLine));//设置曲线显示效果
series->append(0, 6); //这里是添加数据的两种方式
series->append(2, 4);
series->append(3, 8);
series->append(6, 4);
series->append(8, 6);
series->append(10, 5);
*series << QPointF(11, 1) << QPointF(13, 3) << QPointF(17, 6) << QPointF(18, 3) << QPointF(20, 2);
chart->setTitle("曲线图实例");
chart->setAnimationOptions(QChart::SeriesAnimations);//设置曲线动画模式
chart->legend()->hide(); //隐藏图例
chart->addSeries(series);//输入数据
chart->setAxisX(axisX, series);
chart->setAxisY(axisY, series);
//chart->createDefaultAxes(); //建立默认坐标轴,不需要QValueAxis
//chart->axisY()->setRange(0, 10);//默认坐标轴限定范围
//在ui里面添加了一个Widget并把曲线图添加进去
layout->addWidget(chartview);
ui->widget->setLayout(layout);
chartview->setRenderHint(QPainter::Antialiasing);//防止图形走样
}
记录下来,以后忘了就不用到处找了。还有一个发现就是可以不用创建Qcharts实例,使用chartview->chart()替代代码中的chart也可以使用。没有深究。
最后的效果图贴上:
原文地址:https://blog.csdn.net/LKZYnih/article/details/81915436