QCustomPlot实现柱状图 动态显示

1、创建工程添加qcustomplot.cpp和qcustomplot.h

如下图所示：

2、在ui界面添加QWidget控件提升为QCustomPlot类

3、修改mainwindow.cpp

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

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QTimer *timer = new QTimer(this);
    timer->start(1000);
    connect(timer,SIGNAL(timeout()),this,SLOT(SimpleDemo()));
}

MainWindow::~MainWindow()
{
    delete ui;
}
void MainWindow::SimpleDemo()
{
    QVector<QString> labels(5);
    QVector<double> values(5);
    QTime t;
    t=QTime::currentTime();
    qsrand(t.msec()+t.second()*1000);
    //n=qrand()%25+5;

    for(int i=0;i<5;++i)
        values[i]=qrand()%25+1;
    for(int i=0;i<5;++i)
        labels[i]=QString("MAC")+('0'+i);

    QCPBars* bars=new QCPBars(this->ui->widget->xAxis,this->ui->widget->yAxis);
    //bars->brush();
    this->ui->widget->clearPlottables();

        QVector<double> index(5);
        for(int i=0;i<5;++i)
            index[i]=i;
        bars->setData(index,values);


    //QCPBars的setData()的两个参数也是两个向量，只不过第一个向量index的每个元素表示“第几个柱子”，然后后面对应的values表示对应“柱子的值”
    //添加完了绘制的柱状图，接下来添加标签，要想完全自己定义标签，需要先执行以下代码关闭默认的底部标签自动生成


    this->ui->widget->xAxis->setAutoTicks(false);
        this->ui->widget->xAxis->setAutoTickLabels(false);
        this->ui->widget->xAxis->setAutoTickStep(false);
    //先将bars添加到widget上吧，然后自动调整下坐标系

    this->ui->widget->addPlottable(bars);
        this->ui->widget->rescaleAxes();


    //接下来我们要生成我们标签的位置坐标，有个公式计算，其生成的向量 coor里面就对应了我的labels的坐标，注意这个坐标不是屏幕像素坐标，而是它这个坐标系的坐标，如果不是很明白就把上面的那三个false改为true看下它默认的坐标。
    double wid=this->ui->widget->xAxis->range().upper-this->ui->widget->xAxis->range().lower;
        double cl=bars->width()+(1.0*wid-bars->width()*5)/4;

        QVector<double> coor;
        for(int i=0;i<5;++i)
            coor.append(this->ui->widget->xAxis->range().lower+i*cl+bars->width()/2);
        this->ui->widget->xAxis->setTickVector(coor);
        this->ui->widget->xAxis->setTickVectorLabels(labels);


    //最后replot一下
    this->ui->widget->replot();
    //SimpleDemo(this->ui->widget,tempnum,n);
}

4、修改mainwindows.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <qtimer.h>
#include <QVector>
#include <QTimer>
#include <QTime>
namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT
    
public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

public slots:
    void SimpleDemo();

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

5、运行
可实现柱状图动态显示。