树莓派3B Qt Chart安装与使用（11）

内容

树莓派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