QT 基于qcustomplot实现热力图(二)

QT 基于qcustomplot实现热力图(一)-CSDN博客
QT 基于qcustomplot实现热力图(三)-CSDN博客

背景

在某些项目中使用到热力图,上一篇讲到了静态的而力图,这次讲讲解动态热力图,再上篇的代码中进行此修改;

优化

其他功能均不需要修改修改后的

mainwindow.cpp如下:

修改前:

    for (int i = 0; i < data_.size(); ++i)
    {
        // 更新 ColorMap 数据
        for (int j = 0; j < data_.at(i).size(); ++j)
        {
            m_colorMap_->data()->setCell(i, j, data_[i][j]);
        }
    }

    timer_.stop();

修改后

#if static_Type
    for (int i = 0; i < data_.size(); ++i)
    {
        // 更新 ColorMap 数据
        for (int j = 0; j < data_.at(i).size(); ++j)
        {
            m_colorMap_->data()->setCell(i, j, data_[i][j]);
        }
    }

    timer_.stop();
#else

    for (int i = 0; i < data_.size(); ++i)
    {
        // 更新 ColorMap 数据
        for (int j = 0; j < data_.at(i).size(); ++j)
        {
            m_colorMap_->data()->setCell(i, j, qrand() % 100);
        }
    }

#endif

 完整mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

int numRows = 10;
int numCols = 10;

#define static_Type 0 //静态热力图
#define dynamic_Type 1   //动态热力图
#define real_update_Type 0 //实时刷新热力图

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

    //添加画布
    ui->widget->addGraph();
    m_colorMap_ = new QCPColorMap(ui->widget->xAxis, ui->widget->yAxis);

    //添加一个色阶
    m_colorScale_ = new QCPColorScale(ui->widget);
    ui->widget->plotLayout()->addElement(0, 1, m_colorScale_); // add it to the right of the main axis rect
    m_colorScale_->setType(QCPAxis::atRight); // scale shall be vertical bar with tick/axis labels right (actually atRight is already the default)
    m_colorMap_->setColorScale(m_colorScale_); // associate the color map with the color scale

    //设置渐变色风格
    m_colorMap_->setGradient(QCPColorGradient::gpJet);

    //设置颜色空间的大小m*n矩形 下面需要注意行和列对应的x和y
    m_colorMap_->data()->setSize(numCols, numRows);
    m_colorMap_->data()->setRange(QCPRange(0, numCols-1), QCPRange(0, numRows-1));

    // 设置颜色映射
    QCPColorGradient gradient;
    gradient.setColorInterpolation(QCPColorGradient::ciRGB);
    gradient.setColorStopAt(0, Qt::blue);
    gradient.setColorStopAt(0.5, Qt::green);
    gradient.setColorStopAt(1, Qt::red);
    m_colorMap_->setGradient(gradient);

    //x周可自由变换
    ui->widget->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectAxes |
                                         QCP::iSelectLegend | QCP::iSelectPlottables);
#if !real_update_Type
    //初始化数据
    for(int i = 0 ; i < numCols; i++)
    {
        QVector<double>tmp;
        for(int j = 0; j < numCols; j++)
        {
            tmp.append(/*i*10*/qrand() % 100);
        }

        data_.append(tmp);
    }

    //初始化x
    for(int i = 0 ; i < numRows; i++)
    {
        ydata_.append(i);
    }
    //初始化y
    for(int i = 0 ; i < numCols; i++)
    {
        xdata_.append(i);
    }
#endif

    timer_.start(1*100);
    connect(&timer_, SIGNAL(timeout()),  this, SLOT(timeoutPro()));
}

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


void MainWindow::timeoutPro()
{

#if static_Type
    for (int i = 0; i < data_.size(); ++i)
    {
        // 更新 ColorMap 数据
        for (int j = 0; j < data_.at(i).size(); ++j)
        {
            m_colorMap_->data()->setCell(i, j, data_[i][j]);
        }
    }

    timer_.stop();
#else

    for (int i = 0; i < data_.size(); ++i)
    {
        // 更新 ColorMap 数据
        for (int j = 0; j < data_.at(i).size(); ++j)
        {
            m_colorMap_->data()->setCell(i, j, qrand() % 100);
        }
    }

#endif

    m_colorMap_->rescaleDataRange();
    m_colorMap_->rescaleAxes();
    ui->widget->replot();
}

运行效果 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于QtQuick的QCustomPlot是一种用于在Qt Quick应用程序中绘制图形和图表的库。QCustomPlot提供了一组用于绘制线条、散点、柱状图等的函数和类,可以轻松地在Qt Quick应用程序中创建交互式和可视化的图表。 在QML中实现QCustomPlot可以按照以下步骤进行: 首先,确保已将QCustomPlot库引入到项目中。可以通过将其作为外部库链接到项目,或直接将其文件复制到项目目录中来实现。确保在QML文件中包含必要的引用。 然后,在QML文件中,创建一个独立的Item或一个自定义的QQuickItem来容纳QCustomPlot。可以使用一个矩形来表示图表区域。 接下来,为QCustomPlot创建一个自定义的属性,用于设置和更新图表数据。这可以是一个JavaScript对象,其中包含需要显示的数据。可以使用这些数据来更新QCustomPlot的属性,例如曲线或散点的坐标。 然后,在自定义的QQuickItem中,创建一个QCustomPlot实例,并将其添加到QQuickItem的内容中。 在QQuickItem的内容中,可以使用Rectangle、PathLine、Circle等基本的Qt Quick绘图元素来绘制坐标轴、曲线、散点和其他图表元素。根据图表数据的更新,可以重新绘制这些元素以反映新的数据。 最后,可以为自定义的QQuickItem创建信号和槽函数,使其与其他QML组件进行交互。例如,当鼠标在图表中移动时,可以通过鼠标事件捕获鼠标位置,并将其转换为数据坐标。 通过这些步骤,可以基于QtQuick的QCustomPlot实现一个功能强大的图表库,可以轻松地在QML应用程序中绘制各种类型的图表。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值