前言
博主在使用 qcustomplot 绘制柱状图时,发现网络上的教程。大都忽略了一个重要的点就是。柱状图没有明显显示出当前的值。经过博主寻找后发现在 qcustomplot 论坛中已经有了对应的解决方案。所以记录一下。qcustomplot论坛
代码
void MainWindow::drawBars()
{
QCPBars *bars = new QCPBars(ui->customplot->xAxis, ui->customplot->yAxis);
QVector<double> key;
QVector<double> value;
for(int i = 0; i < 5; i++)
{
//QCPItemText的效果类似于一个label
QCPItemText *itemText = new QCPItemText(ui->customplot);
itemText->setClipToAxisRect(false);
//设置itemText的位置是跟随坐标系的
itemText->position->setType(QCPItemPosition::ptPlotCoords);
//设置itemText跟随的坐标系为 ui->customplot->xAxis, ui->customplot->yAxis
itemText->position->setAxes(ui->customplot->xAxis, ui->customplot->yAxis);
//设置itemText放置的位置
itemText->setPositionAlignment(Qt::AlignTop | Qt::AlignHCenter);
key.append(i + 1);
value.append((i + 1) * 1000 + 123);
//设置itemText显示的内容
itemText->setText(QString::number(value.at(i)));
//设置itemText显示的位置的坐标
itemText->position->setCoords(key.at(i), value.at(i));
}
bars->addData(key, value);
QStringList keyList({QStringLiteral("一月份"), QStringLiteral("二月份"), QStringLiteral("三月份"), QStringLiteral("四月份"), QStringLiteral("五月份")});
QSharedPointer<QCPAxisTickerText> tickerText(new QCPAxisTickerText);
//每个x轴的数据对应的label
tickerText->addTicks(key, keyList.toVector());
//将 ui->customplot->xAxis的坐标轴上的ticker 和 tickerLabel 更换为自定义的 tickerText
ui->customplot->xAxis->setTicker(tickerText);
//设置 ui->customplot->xAxis 的范围,以便能够看到全部的柱状图
ui->customplot->xAxis->setRange(0, key.length() + 1);
//ui->customplot->yAxis 自适应范围
ui->customplot->yAxis->rescale();
//y轴的单位
ui->customplot->yAxis->setLabel(QStringLiteral("CNY"));
//重新绘制才能生效
ui->customplot->replot();
}
效果图
文章来源:https://www.toymoban.com/news/detail-739860.html
思考
如果要做悬浮显示当前柱状图的值,对于 qcustomplot 来说并没有现成的接口。可能就要稍微麻烦一些,博主没有尝试。但是可以参考以下文章QCustomplot绘制柱状图及显示数据。最后有不懂的欢迎各位大佬在评论区交流文章来源地址https://www.toymoban.com/news/detail-739860.html
到了这里,关于[QCustomPlot] QCPBar绘制柱状图并同时显示柱状图的值的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!