QT使用qcustomplot 绘制柱状图

   今天由于须要在QT底下绘制一个柱状图，因为不想本身麻烦重载一个QWidget因此就在网上搜索到了QCustomPlot，按照这个项目主页的图像显示它是能够知足个人要求。

  首先来看一下效果图（绘制风格，画刷，颜色都使用的默认的） 

  

  先将下载来的QCustomPlot.cpp QCustomPlot.h拷贝到你的工程里

  首先在QtCreator中拖出一个QWidget，而后提高为QCustomPlot类。

  假设该成员变量为widget.

  柱状图咱们须要两个数据，一个是每一个柱的相应标签(QString)，一个就是其值(double)

void MainWindow::init_ui()
{
    QVector<QString> labels(5);
    QVector<double> values(5);
    for(int i=0;i<5;++i)
        labels[i]=QString("MAC")+('0'+i);
    values[0]=(10.05);
    values[1]=23;
    values[2]=12;
    values[3]=19.3;
    values[4]=20;

咱们使用QCustomPlot提供的QCPBars来表示柱状图

QCPBars* bars=new QCPBars(this->ui->widget->xAxis,this->ui->widget->yAxis);
    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();
}

而后就完工了 

在MainWindow::MainWindow最后面加上一句

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

启动程序就能够看到开头的效果了。具体的修改颜色画刷和QWidget里的同样，能够调整到咱们满意的效果。