设为首页 加入收藏

TOP

QT使用QCustomPlot 绘制柱状图
2015-02-02 14:50:36 来源: 作者: 【 】 浏览:17
Tags:使用 QCustomPlot 绘制 柱状

今天因为需要在QT底下绘制一个柱状图,由于不想自己麻烦重载一个QWidget所以就在网上搜索到了QCustomPlot,按照这个项目主页的图像显示它是可以满足我的要求。


首先来看一下效果图(绘制风格,画刷,颜色都使用的默认的)



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


首先在QtCreator中拖出一个QWidget,然后提升为QCustomPlot类。


假设该成员变量为widget.


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


void MainWindow::init_ui()
{
? ? QVector labels(5);
? ? QVector 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 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 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();
}


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇如何通过Java程序提交yarn的MapRe.. 下一篇Ubuntu下制作Tiny6410烧写SD卡

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: