Qt QCustomPlot画色阶图

        工作中用到QCustomPlot画曲线图和色阶图，并且在色阶图上添加文字，圆圈或者几条线段画一些图形，这里写个简单的例子把这几个功能记录一下，代码在这里： 

https://download.csdn.net/download/Sakuya__/89681279https://download.csdn.net/download/Sakuya__/89681279        本文代码效果如下：

---

 代码之路

        MainWindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include "CustomPlot/qcustomplot.h"

#include <QMainWindow>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

    // 初始化界面
    void initWindow();

private slots:
    void on_Btn_Clear_clicked();

    void on_Btn_AddText_clicked();

    void on_Btn_AddEllipse_clicked();

    void on_Btn_AddLine_clicked();

private:
    Ui::MainWindow *ui;

    QVector<QCPItemText*> m_itemText;           // 文字
    QVector<QCPItemEllipse*> m_itemEllipse;     // 圆
    QVector<QCPItemLine*> m_itemLine;           // 线
};
#endif // MAINWINDOW_H

        MainWindow.cpp

#include "MainWindow.h"
#include "ui_MainWindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    initWindow();
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::initWindow()
{
    // 配置轴矩形，允许通过拖拽/缩放尺度改变颜色范围
    ui->customPlot->setInteractions(QCP::iRangeDrag|QCP::iRangeZoom| QCP::iSelectPlottables);
    ui->customPlot->axisRect()->setupFullAxesBox(true);

    // 设置x轴和y轴的坐标轴名字
    ui->customPlot->xAxis->setLabel("横向距离(m)");
    ui->customPlot->yAxis->setLabel("纵向距离(m)");

    // 创建QCPColorMap对象
    QCPColorMap *colorMap = new QCPColorMap(ui->customPlot->xAxis, ui->customPlot->yAxis);
    colorMap->setAntialiased(true);
    // 设置QCPColorMap的数据点为 nx*ny 个
    int nx = 257;
    int ny = 257;
    colorMap->data()->setSize(nx, ny);
    // 设置X轴和Y轴的坐标范围
    colorMap->data()->setRange(QCPRange(-3, 3), QCPRange(-3, 3));

    // 打开文件，读取数据
    QFile file(":/Resouce/data.txt");
    file.open(QIODevice::ReadOnly | QIODevice::Text);
    QTextStream in(&file);
    QList<double> data;
    while (!in.atEnd())
    {
        QString line = in.readLine();
        double a = line.toDouble();
        data.push_back(a);
    }

    // 根据读到的数据，为QCPColorMap的每个单元格点设置数据
    double x, y, z;
    for (int xIndex = 0; xIndex < nx; ++xIndex)
    {
        for (int yIndex = 0; yIndex < ny; ++yIndex)
        {
            // 把xIndex和yIndex表示的单元格索引，转换为此QCPColorMapData的单元格索引
            colorMap->data()->cellToCoord(xIndex, yIndex, &x, &y);
            // 把读到的数据值赋值给QCPColorMap的每个单元格
            z = data.at(xIndex * 257 + yIndex);
            colorMap->data()->setCell(xIndex, yIndex, z);
        }
    }

    // 添加右侧的色带
    QCPColorScale *colorScale = new QCPColorScale(ui->customPlot);
    // 设置色带值的范围
    colorScale->setDataRange(QCPRange(-190, 0));
    // 将颜色图与色标关联
    colorMap->setColorScale(colorScale);
    // 设置色带刻度垂直条，刻度线/坐标轴标签右侧（实际上，右侧已经是默认值）
    colorScale->setType(QCPAxis::atRight);
    // 设置色带右侧的名字
    colorScale->axis()->setLabel("Strength Value");
    // 色条使用的颜色渐变
    QCPColorGradient gradient;
    gradient.setColorStopAt(0.0, QColor("#f6efa6"));   // 设置色条开始时的颜色
    gradient.setColorStopAt(1.0, QColor("#bf444c"));   // 设置色条结束时的颜色
    // 将其添加到主轴矩形的右侧
    ui->customPlot->plotLayout()->addElement(0, 1, colorScale);
    // 使用插值，界面不显示小方块(默认是禁用的)
    colorMap->setInterpolate(true);
    // 将颜色贴图的“颜色渐变”设置为其中一个预设
    colorMap->setGradient(QCPColorGradient::gpJet);
    // 确保轴rect和色标同步其底边距和顶边距，以便它们对齐
    QCPMarginGroup *marginGroup = new QCPMarginGroup(ui->customPlot);
    ui->customPlot->axisRect()->setMarginGroup(QCP::msBottom|QCP::msTop, marginGroup);
    colorScale->setMarginGroup(QCP::msBottom|QCP::msTop, marginGroup);

    // 重新缩放数据维度（颜色），以使所有数据点都位于颜色渐变显示的范围内(由于已经使用setDataRange主动设置了色带的值范围，两个选一个就行)
//    colorMap->rescaleDataRange();

    // 重新缩放x轴和y轴，以便可以看到整个颜色图
    ui->customPlot->rescaleAxes();

    ui->customPlot->replot();
}

void MainWindow::on_Btn_Clear_clicked()
{
    // 清除文字、圆和线段
    for (int i = 0; i < m_itemText.size(); ++i)
    {
        if (m_itemText[i] == nullptr)
            continue;
        ui->customPlot->removeItem(m_itemText[i]);
        m_itemText[i] = nullptr;
    }
    for (int i = 0; i < m_itemEllipse.size(); ++i)
    {
        if (m_itemEllipse[i] == nullptr)
            continue;
        ui->customPlot->removeItem(m_itemEllipse[i]);
        m_itemEllipse[i] = nullptr;
    }
    for (int i = 0; i < m_itemLine.size(); ++i)
    {
        if (m_itemLine[i] == nullptr)
            continue;
        ui->customPlot->removeItem(m_itemLine[i]);
        m_itemLine[i] = nullptr;
    }

    ui->customPlot->clearPlottables();
    ui->customPlot->replot();
}

void MainWindow::on_Btn_AddText_clicked()
{
    m_itemText.resize(2);
    QList<QPoint> list;
    list << QPoint(1.2, 1.8) << QPoint(-1.2, -1.8);
    for (int i = 0; i < 2; ++i)
    {
        m_itemText[i] = new QCPItemText(ui->customPlot);
        m_itemText[i]->setText("S" + QString::number(i));
        m_itemText[i]->position->setType(QCPItemPosition::ptPlotCoords); // 位置类型
        m_itemText[i]->position->setCoords(list[i].x(), list[i].y());
        m_itemText[i]->setFont(QFont(font().family(), 12)); // 字体大小
        m_itemText[i]->setColor(Qt::black);
    }

    ui->customPlot->replot();
}

void MainWindow::on_Btn_AddEllipse_clicked()
{
    m_itemEllipse.resize(2);
    QList<QPoint> list;
    list << QPoint(1.2, 1.8) << QPoint(-1.2, -1.8);
    for (int i = 0; i < 2; ++i)
    {
        m_itemEllipse[i] = new QCPItemEllipse(ui->customPlot);
        m_itemEllipse[i]->setAntialiased(true);
        double r = 0.2;//每个通道的圆半径大小
        m_itemEllipse[i]->topLeft->setCoords(list[i].x() - r, list[i].y() + r);
        m_itemEllipse[i]->bottomRight->setCoords(list[i].x() + r, list[i].y() - r);
        m_itemEllipse[i]->setPen(QPen(Qt::black, 1));
    }

    ui->customPlot->replot();
}

void MainWindow::on_Btn_AddLine_clicked()
{
    m_itemLine.resize(2);
    QList<QPoint> list;
    list << QPoint(1.2, 1.8) << QPoint(-1.2, -1.8);
    for (int i = 0; i < 2; ++i)
    {
        m_itemLine[i] = new QCPItemLine(ui->customPlot);
        m_itemLine[i]->start->setCoords(list[i].x() - 0.2, list[i].y());
        m_itemLine[i]->end->setCoords(list[i].x() + 0.2, list[i].y());
        m_itemLine[i]->setPen(QPen(Qt::black, 1));
    }

    ui->customPlot->replot();
}