QCustomPlot 之柱状图，多个参数并排显示数值

最新推荐文章于 2024-05-15 11:39:26 发布
最新推荐文章于 2024-05-15 11:39:26 发布
阅读量4k 收藏 30
点赞数 7
分类专栏： Qt 文章标签： c++ qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40501206/article/details/108065801
版权

QCustomPlot 之柱状图

一、使用环境

  1. Qt+vs2017+QCustomPlot
  2. QCustomPlot的使用，只需引入.cpp和.h即可
  3. 遇到的问题：
    Link2019 “__declspec(dllimport) public: __cdecl QPrinter::QPrinter(enum QPrinter::PrinterMode)” (_imp??0QPrinter@@QEAA@W4Printe
    后来发现是少导入模块
    在这里插入图片描述
    二、可以去官网参考demo
    链接： https://www.qcustomplot.com/index.php/demos/barchartdemo
    效果图：
    在这里插入图片描述
    ps demo例子给的是堆砌在一起的

三、自己改写代码

  1. 目的：在官网的例子上，改成多个柱子并排的

  2. 需要引入一个类 ：QCPBars类
    简单使用(2中方法)：

    QCPBars *bar = new QCPBars(this);
QCPBars *bar1 = new QCPBars(this);
QCPBarsGroup *group = new QCPBarsGroup(customPlot);
bar->setBarsGroup(group);
bar1->setBarsGroup(group);
//设置大小
bar->setWidth(0.3);
bar1->setWidth(0.3);

    QCPBarsGroup *group = new QCPBarsGroup(customPlot);  
QList<QCPBars*> bars;
bars << fossil << nuclear << regen;

foreach (QCPBars *bar, bars) {
  // 设置柱状图的宽度类型为以key坐标轴计算宽度的大小，其实默认就是这种方式
  bar->setWidthType(QCPBars::wtPlotCoords);
  bar->setWidth(bar->width() / bars.size()); // 设置柱状图的宽度大小
  group->append(bar);  // 将柱状图加入柱状图分组中
}

  3. 先放最后的图
    在这里插入图片描述

  4. 上代码

    .h
#pragma once

#include <QtWidgets/QWidget>
#include "ui_barchart.h"
#include "qcustomplot.h"
#include "custombars.h"

class BarChart : public QWidget
{
	Q_OBJECT

public:
	BarChart(QWidget *parent = 0);

private:
	Ui::BarChartClass ui;
	QCustomPlot *customPlot;
	CustomBars *regen, *nuclear, *fossil;
};


    .cpp
#include "barchart.h"

BarChart::BarChart(QWidget *parent)
	: QWidget(parent)
{
	ui.setupUi(this);
	//整体布局
	QHBoxLayout *m_h = new QHBoxLayout(this);
	customPlot = new QCustomPlot(this);
	m_h->addWidget(customPlot);


	// set dark background gradient: 设置背景
	QLinearGradient gradient(0, 0, 0, 400);
	gradient.setColorAt(0, QColor(90, 90, 90));
	gradient.setColorAt(0.38, QColor(105, 105, 105));
	gradient.setColorAt(1, QColor(70, 70, 70));
	customPlot->setBackground(QBrush(gradient));

	// create empty bar chart objects:
	regen = new CustomBars(customPlot->xAxis, customPlot->yAxis);
	nuclear = new CustomBars(customPlot->xAxis, customPlot->yAxis);
	fossil = new CustomBars(customPlot->xAxis, customPlot->yAxis);
	QCPBarsGroup *group = new QCPBarsGroup(customPlot);
	group->setSpacingType(QCPBarsGroup::stAbsolute);  // 设置组内柱状图的间距，按像素
	group->setSpacing(1);     // 设置较小的间距值，这样看起来更紧凑
	regen->setBarsGroup(group);
	nuclear->setBarsGroup(group);
	fossil->setBarsGroup(group);
	
	//设置大小
	regen->setWidth(0.3);
	nuclear->setWidth(0.3);
	fossil->setWidth(0.3);
	//设置抗锯齿
	regen->setAntialiased(false); // gives more crisp, pixel aligned bar borders
	nuclear->setAntialiased(false);
	fossil->setAntialiased(false);
// 	regen->setStackingGap(1);
// 	nuclear->setStackingGap(1);
// 	fossil->setStackingGap(1);

	// set names and colors:
	fossil->setName("Fossil fuels");
	fossil->setPen(QPen(QColor(111, 9, 176).lighter(170)));
	fossil->setBrush(QColor(111, 9, 176));
	nuclear->setName("Nuclear");
	nuclear->setPen(QPen(QColor(250, 170, 20).lighter(150)));
	nuclear->setBrush(QColor(250, 170, 20));
	regen->setName("Regenerative");
	regen->setPen(QPen(QColor(0, 168, 140).lighter(130)));
	regen->setBrush(QColor(0, 168, 140));
	
// 	// stack bars on top of each other:
// 	nuclear->moveAbove(fossil);
// 	regen->moveAbove(nuclear);

	// prepare x axis with country labels:
	QVector<double> ticks;
	QVector<QString> labels;
	ticks << 1 << 3 << 5 << 7 << 9 << 11 << 13;
	labels << "USA" << "Japan" << "Germany" << "France" << "UK" << "Italy" << "Canada";
	QSharedPointer<QCPAxisTickerText> textTicker(new QCPAxisTickerText);
	textTicker->addTicks(ticks, labels);
	customPlot->xAxis->setTicker(textTicker);
	customPlot->xAxis->setTickLabelRotation(60);
	customPlot->xAxis->setSubTicks(false);
	customPlot->xAxis->setTickLength(0, 4);
	customPlot->xAxis->setRange(0,15);
	customPlot->xAxis->setBasePen(QPen(Qt::white));
	customPlot->xAxis->setTickPen(QPen(Qt::white));
	customPlot->xAxis->grid()->setVisible(true);
	customPlot->xAxis->grid()->setPen(QPen(QColor(130, 130, 130), 0, Qt::DotLine));
	customPlot->xAxis->setTickLabelColor(Qt::white);
	customPlot->xAxis->setLabelColor(Qt::white);

	// prepare y axis:
	customPlot->yAxis->setRange(0, 12.1);
	customPlot->yAxis->setPadding(5); // a bit more space to the left border
	customPlot->yAxis->setLabel("Power Consumption in\nKilowatts per Capita (2007)");
	customPlot->yAxis->setBasePen(QPen(Qt::white));
	customPlot->yAxis->setTickPen(QPen(Qt::white));
	customPlot->yAxis->setSubTickPen(QPen(Qt::white));
	customPlot->yAxis->grid()->setSubGridVisible(true);
	customPlot->yAxis->setTickLabelColor(Qt::white);
	customPlot->yAxis->setLabelColor(Qt::white);
	customPlot->yAxis->grid()->setPen(QPen(QColor(130, 130, 130), 0, Qt::SolidLine));
	customPlot->yAxis->grid()->setSubGridPen(QPen(QColor(130, 130, 130), 0, Qt::DotLine));

	// Add data:
	QVector<double> fossilData, nuclearData, regenData;
	fossilData << 0.86*10.5 << 0.83*5.5 << 0.84*5.5 << 0.52*5.8 << 0.89*5.2 << 0.90*4.2 << 0.67*11.2;
	nuclearData << 0.08*10.5 << 0.12*5.5 << 0.12*5.5 << 0.40*5.8 << 0.09*5.2 << 0.00*4.2 << 0.07*11.2;
	regenData << 0.06*10.5 << 0.05*5.5 << 0.04*5.5 << 0.06*5.8 << 0.02*5.2 << 0.07*4.2 << 0.25*11.2;
	fossil->setData(ticks, fossilData);
	nuclear->setData(ticks, nuclearData);
	regen->setData(ticks, regenData);

	// setup legend:
	customPlot->legend->setVisible(true);
	customPlot->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignTop | Qt::AlignHCenter);
	customPlot->legend->setBrush(QColor(255, 255, 255, 100));
	customPlot->legend->setBorderPen(Qt::NoPen);
	QFont legendFont = font();
	legendFont.setPointSize(10);
	customPlot->legend->setFont(legendFont);
	customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
}

    显示数值的功能，是借助另外一个类去继承QCPBars

    .h

#pragma once

#include <QWidget>
#include "qcustomplot.h"
class CustomBars : public QCPBars
{
	Q_OBJECT

public:
	explicit CustomBars(QCPAxis *keyAxis, QCPAxis *valueAxis);

	Qt::Alignment textAligment() const { return mTextAlignment; }
	double spacing() const { return mSpacing; }
	QFont font() const { return mFont; }

	void setTextAlignment(Qt::Alignment alignment);
	void setSpacing(double spacing);
	void setFont(const QFont &font);
protected:
	Qt::Alignment mTextAlignment;   // 文字对齐方式
	double mSpacing;                // 文字与柱状图的间距，这里按像素大小
	QFont mFont;                    // 文字使用的字体

	virtual void draw(QCPPainter *painter) Q_DECL_OVERRIDE;
};

    在这类中改写了QCPBars的draw函数
    ps 注意一点 QRectF barRect = getBarRect(it->key, it->value); //自己加的

    // 源文件CustomBars.cpp
#include "custombars.h"
CustomBars::CustomBars(QCPAxis *keyAxis, QCPAxis *valueAxis)
	: QCPBars(keyAxis, valueAxis),
	mTextAlignment(Qt::AlignCenter),
	mSpacing(5),
	mFont(QFont(QLatin1String("sans serif"), 12))
{

}

void CustomBars::setTextAlignment(Qt::Alignment alignment)
{
	mTextAlignment = alignment;
}

void CustomBars::setSpacing(double spacing)
{
	mSpacing = spacing;
}

void CustomBars::setFont(const QFont &font)
{
	mFont = font;
}
void CustomBars::draw(QCPPainter *painter)
{
	if (!mKeyAxis || !mValueAxis) { qDebug() << Q_FUNC_INFO << "invalid key or value axis"; return; }
	if (mDataContainer->isEmpty()) return;

	QCPBarsDataContainer::const_iterator visibleBegin, visibleEnd;
	getVisibleDataBounds(visibleBegin, visibleEnd);

	// loop over and draw segments of unselected/selected data:
	QList<QCPDataRange> selectedSegments, unselectedSegments, allSegments;
	getDataSegments(selectedSegments, unselectedSegments);
	allSegments << unselectedSegments << selectedSegments;
	for (int i = 0; i < allSegments.size(); ++i)
	{
		bool isSelectedSegment = i >= unselectedSegments.size();
		QCPBarsDataContainer::const_iterator begin = visibleBegin;
		QCPBarsDataContainer::const_iterator end = visibleEnd;
		mDataContainer->limitIteratorsToDataRange(begin, end, allSegments.at(i));
		if (begin == end)
			continue;

		for (QCPBarsDataContainer::const_iterator it = begin; it != end; ++it)
		{
			// draw bar:
			if (isSelectedSegment && mSelectionDecorator)
			{
				mSelectionDecorator->applyBrush(painter);
				mSelectionDecorator->applyPen(painter);
			}
			else
			{
				painter->setBrush(mBrush);
				painter->setPen(mPen);
			}
			applyDefaultAntialiasingHint(painter);
			QRectF barRect = getBarRect(it->key, it->value);   //自己加的
			painter->drawPolygon(barRect);
			// 以上是拷贝的源码部分
			painter->drawPolygon(barRect);

			// 我们仅需在 painter->drawPolygon(barRect); 这行下增加以下的内容即可

			// 计算文字的位置
			painter->setFont(mFont);                     // 设置字体
			QString text  = QString::number(it->value, 'g', 2);   // 取得当前value轴的值，保留两位精度

			QRectF textRect = painter->fontMetrics().boundingRect(0, 0, 0, 0, Qt::TextDontClip | mTextAlignment, text);  // 计算文字所占用的大小

			if (mKeyAxis.data()->orientation() == Qt::Horizontal) {    // 当key轴为水平轴的时候
				if (mKeyAxis.data()->axisType() == QCPAxis::atTop)     // 上轴，移动文字到柱状图下面
					textRect.moveTopLeft(barRect.bottomLeft() + QPointF(0, mSpacing));
				else                                                   // 下轴，移动文字到柱状图上面
					textRect.moveBottomLeft(barRect.topLeft() - QPointF(0, mSpacing));
				textRect.setWidth(barRect.width());
				painter->drawText(textRect, Qt::TextDontClip | mTextAlignment, text);
			}
			else {                                                  // 当key轴为竖直轴的时候
				if (mKeyAxis.data()->axisType() == QCPAxis::atLeft)   // 左轴，移动文字到柱状图右边
					textRect.moveTopLeft(barRect.topRight() + QPointF(mSpacing, 0));
				else                                                  // 右轴，移动文字到柱状图左边
					textRect.moveTopRight(barRect.topLeft() - QPointF(mSpacing, 0));
				textRect.setHeight(barRect.height());
				painter->drawText(textRect, Qt::TextDontClip | mTextAlignment, text);
			}

		}
	}
	
}

四、总结和感想

  1. 个人认为官网给的例子其实是蛮丰富的，可以进行二次改写，多看看。
  2. 有时候别人的代码在自己这边总是运行不了，不知道你有没有这样的困惑，其实主要还是要理解代码，不能盲目的抄，换一种方法，我自己在参考别人的方法的时候也碰到过，多一点耐心。
  3. 当然，我个人水平有限，有多代码也是进行一些整合和自己的想法，如果有更好的写法，欢迎交流！
帅气转身而过
关注
  • 7
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
Qt之QCustomPlot的二次封装：实现多数值柱形图显示的widget类
ConsiseRabbit的博客
04-07 1415
该文章主要介绍了基于QCustomPlot第三方类库，实现同一类别多数据柱形图显示的界面类，可以通过简单提升和方便的配置赋值，应用到实际的工程中。
Qt使用qcustomplot画柱状图显示每个柱状图的值
NoblePrideMr.Z
12-06 7337
QT 用qcustomplot画图（柱状图为例）实现柱状图上显示value 我在网上找了好多demo但是在customplot中是没有直接的方法显示value。 如果想要在柱状图上显示每个value则需要自己在draw()中自己添加 painter-&amp;amp;gt;drawText(x, y)；x柱状图的横坐标，y是柱状图的纵坐标（value）。有需要的可以参考下。 欢迎使用Markdown编辑器 你好...
vs2013+qt5.6添加qcustomplot报无法解析的外部符号
qq_28080659的博客
08-05 1486
官网只介绍了在qt creator 中添加qcustomplot，按照官网进行配置的时候，即时在pro文件中加printsupport 也会报如下错误 >qcustomplot.obj : error LNK2019: 无法解析的外部符号 "__declspec(dllimport) public: virtual __thiscall QPrinter::~QPrinter(voi
QCustomPlot - 柱状堆积图
最新发布
qq_23314263的博客
05-15 292
【代码】QCustomPlot - 柱状堆积图。
QCustomPlot一、QCustomPlot基础及画图显示
qq_40170041的博客
04-02 1463
QCustomPlot本身可以设置交互行为，如放大，缩小移动，选择曲线交互，方法是：customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables)；QCustomPlot默认有成员QCustomPlot::legend实例(调用setVisible(true)显示)，一般不需要自己构造QCPLengend，通过这个类你可以控制曲线说明的大小、颜色等属性。表示轴系统上的所有设置，如刻度，范围等。
2021-11-16 QCustomPlot之柱状图
xuxuxu456的博客
11-16 6257
在QCustomPlot中，柱状图需要使用QCPBars类， QCPBars的使用很简单 竖向柱状图 创建一个柱状图，并且设置它的风格 QCPAxis *keyAxis = customPlot->xAxis; QCPAxis *valueAxis = customPlot->yAxis; QCPBars *fossil = new QCPBars(keyAxis, valueAxis); // 使用xAxis作为柱状图的key轴，yAxis作为value轴 fossil->setAn
[QCustomPlot] QCPBar绘制柱状图并同时显示柱状图的值
qq_47500842的博客
02-26 2303
QCPBar绘制柱状图并同时显示柱状图的值
QCustomplot绘制柱状图及显示数据
China_Rocky的博客
01-28 4414
QCustomplot绘制柱状图及显示数据 结果图： 如图所示，当鼠标移动到柱形长方块，会显示对应的纵坐标值。 具体实现代码： //柱状图绘制(时间对比柱状图) void Timetable::timeHistogram_make() { ui->plot_time->clearGraphs(); ui->plot_time->legend->clear(); // time_1优化前、time_2优化后 QCPBarsGroup *group
qcustomplot 绘制 饼状图和 柱状图
01-08
而柱状图则是用垂直或水平的条形长度来表示各类别的数量或比例，适合对比多个类别的数据。 在QCustomPlot中，我们可以利用其提供的API来实现这些图表。首先，确保已将QCustomPlot库添加到项目中，这通常通过在.pro...
QCustomPlot柱状图.rar
01-26
QCustomPlot是一个强大的Qt库，专门用于创建2D图形，包括柱状图。这个压缩包包含了一些关键的源代码文件，如`qcustomplot.cpp`、`CustomBars.cpp`、`qcustomplot.h`和`CustomBars.h`，这些都是为了实现自定义柱状图...
python画柱状图–不同颜色并显示数值的方法
12-25
用python画柱状图容易，但是如何对不同柱子使用不同颜色呢？同时在柱子顶端显示精确数值？ 主要用的方法为： atplotlib.pyplot.bar(left, height, width=0.8, bottom=None, hold=None, data=None, **kwargs) 参数...
python画柱状图--不同颜色并显示数值的方法
09-19
Python是一种广泛应用于数据分析和可视化领域的编程语言，matplotlib是Python中最常用的绘图库之一，它可以创建各种图表，包括柱状图。在本篇内容中，我们将深入探讨如何使用matplotlib库在Python中绘制柱状图，并...
Python实现绘制双柱状图并显示数值功能示例
12-24
本文实例讲述了Python实现绘制双柱状图并显示数值功能。分享给大家供大家参考，具体如下： # -*- coding:utf-8 -*- #! python3 import matplotlib.pyplot as plt import mpl_toolkits.mplot3d #定义函数来显示柱状...
QCustomPlot读取某条曲线在当前可见范围下的所有数据
weixin_51034082的博客
04-25 1849
指定迭代器的起点和终点就是通过fineEnd或fineBegin确定，对于这两个函数的使用，我的理解是如果以k作为实参，那么就会找到某个点（x，y），其横坐标x离k最近，还可以通过设置其他参数来取该点的前一个点或后一个点。之前使用QCustomPlot库进行画图时，想要读取某根曲线在当前x轴可见范围下的所有数据点，但在库函数里面并没有找到相对应的方法，后来经过琢磨找到了符合自己需求的处理方法，代码如下。然后遍历规定的范围，将所有数据点的值存入到自己自定的容器中。或许这个方法不是最高效的，恳请各位大佬斧正。
QT 中 QCustomplot的用法
u012719076的博客
08-25 4048
主要介绍qcustomplot及其用法
Qt-QCustomPlot
yaolcc的博客
04-01 3809
参考链接 https://blog.csdn.net/llq108/article/details/45603047 https://blog.csdn.net/yxy244/article/details/100311112 https://blog.csdn.net/yxy244/category_9295352.html 简述 QCustomPlot是一个基于Qt C++的图形库，用于绘制和数据可视化 - 制作漂亮的2D图 - 曲线图、趋势图、坐标图、柱状图等，并为实时可视化应用程序提供高性能服务。它
QCustomPlot简介
09-28 730
QCustomPlot QCustomPlot是一个绘图和数据可视化的Qt widget.它没有太多依赖并且有规范的文档。这个绘图库关注于使得plots,graphs和charts更漂亮,质量更高,并且还为实时可视化应用提供高效率。 QCustomPlot可以导出各种各样的格式比如矢量化的PDF和栅格化图片像PNG,JPG,BMP。 所有的输出有一致的支持格式。QCustomPlot也是一种
使用qcustomplot绘制柱状图
SHI-L
03-30 3872
最近开发的项目中有对数据进行柱状图展示的功能要求，维护的项目里也有类似的功能需求，是使用qcustomplot这个库实现的，这次对于这个功能也使用这个库来实现，对此做一下简单记录，方便以后查阅。 这个控件功能比较强大，使用也比较方便，不仅可以绘制柱状图，还可以绘制曲线等，这里仅记录绘制柱状图过程中可能使用的接口，更多接口的使用可以参考qcustomplot官网。 1.添加从官网下载的两个文件(...
qcustomplot绘制柱状图
05-10
使用 QCustomPlot 绘制柱状图非常简单，以下是一个示例代码： ```cpp // 创建一个 QCustomPlot 对象 QCustomPlot *customPlot = new QCustomPlot(this); // 添加柱状图 QCPBars *bars = new QCPBars(customPlot->xAxis, customPlot->yAxis); bars->setWidth(0.5); // 设置柱状图宽度 bars->setData(xData, yData); // 设置柱状图数据 // 设置坐标轴标签和范围 customPlot->xAxis->setLabel("X Axis Label"); customPlot->yAxis->setLabel("Y Axis Label"); customPlot->xAxis->setRange(0, xMax); customPlot->yAxis->setRange(0, yMax); // 渲染图表 customPlot->replot(); ``` 其中，`xData` 和 `yData` 分别是柱状图的横轴和纵轴数据，可以使用 QVector 来存储。`xMax` 和 `yMax` 分别是横轴和纵轴的最大值。通过设置坐标轴标签和范围，可以让图表更加易于理解。最后，调用 `replot` 函数渲染图表。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

帅气转身而过

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值