内容
树莓派3B Qt Chart的安装、配置、简单使用完整过程
1、安装Qt Chart
是Qt自带的绘图控件,安装之前需要新版本的Qt,树莓派3B Qt安装在此:
https://blog.csdn.net/qq_41102371/article/details/105854108
开始配置Qt Chart
git clone https://github.com/qtproject/qtcharts.git
打开文件管理器,找到下载好的qtcharts文件夹(我的自动建在了/home/pi/qtcharts),里面有下载的内容。打开文件夹,按键盘F4,再输入
git checkout 5.7
显示已切换至分支5.7。我这已经使用过了,为什么要切换看这里:安装树莓派遇到的问题(文末)
接着qmake生成makefile,make编译,sudo make install(这一步得二三十分钟吧,等就行)
qmake
make
sudo make install
2、使用
打开qt,新建项目
打开ui,加入一个widget
点击选中主窗体,点击水平布局,这样绘图窗体就随着主窗体的拉伸而拉伸了
在widget上右键,提升。
基类名称:QWidget.
提升类名称QChartView
打开pro,加入
QT += charts
打开mainwindow.cpp
在 #include “ui_mainwindow.h” 之前加入。一定要在这里,不然会错!原因见此:QTCharts入门 使用QChartView做折线图
#include <QSplineSeries>
#include <QChartView>
#include <QChart>
QT_CHARTS_USE_NAMESPACE
上代码:
直接mainwindow.cpp扔上来吧
#include "mainwindow.h"
#include <QSplineSeries>
#include <QChartView>
#include <QChart>
QT_CHARTS_USE_NAMESPACE
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
ui->setupUi(this);
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);
// series->setPointLabelsFormat("(@xPoint, @yPoint)");//两个坐标值都显示
series->setPointLabelsFormat("@yPoint");//只显示Y值
series->setPointLabelsVisible();//显示出来
QChart *chart = new QChart();
chart->addSeries(series);
chart->setTitle("Simple spline chart example");//整个绘图窗体标题
chart->createDefaultAxes();
chart->axisY()->setRange(0, 10);//设置Y轴区间,不设置则为自动
// chart->axisX()->setRange(0, 20);
// chart->legend()->hide();//设置图例(上面的setname("spline"))不可见
// chart->legend()->setVisible(true);//设置图例可见
QChartView *chartView = new QChartView(chart);
chartView->setRenderHint(QPainter::Antialiasing);
ui->widget->setChart(chart);
ui->widget->setRenderHint(QPainter::Antialiasing);//使用可消除曲线锯齿(反走样),但是降低运行效率
}
MainWindow::~MainWindow()
{
delete ui;
}
上结果:
另外,在这里能查到库函数的使用方法及例子
参考及致谢
树莓派安装Qcharts:https://blog.csdn.net/zhangjun62/article/details/88889240
安装树莓派遇到的问题(文末):https://blog.csdn.net/weixin_37650015/article/details/79517908
Qt 利用QChart显示曲线:https://www.jianshu.com/p/e61185083287
QTCharts入门 使用QChartView做折线图:https://blog.csdn.net/qingzhuyuxian/article/details/98032943
Qt5+QtChart绘制折线图(QLineSeries类):https://blog.csdn.net/mars_xiaolei/article/details/84942516
QSplineSeries QChartView绘制曲线:https://www.cnblogs.com/zhangxuan/p/10149970.html
完
课程作业,边学边用,如有错漏,敬请指正
--------------------------------------------------------------------------------------------诺有缸的高飞鸟202006