使用Qt中Charts模块显示柱状图

        对于数据可视化模块QT有自己的一套模块名字叫做Qtcharts,在项目模块中添加charts模块即可,QTcreator和VS中均可适用,如果你的模块中找不到这个charts模块的话,很有可能是在安装QT的时候没有勾选charts模块,现在的QT版本不知道可不可以直接选择安装啊,我记得之前我的没安装charts模块只能重新安装QT!

话不多说,进入今天主题,利用Qcharts显示柱状图,学会这部分其实只需要学会了解四个class的用法即可,分别为:

  • QBarSet: 条形数据集合
  • QBarSeries:  用来存储多个QBarSet的条形数据
  • QChart:   图表界面可以设置多种效果,具体查看Qt助手
  • QChartView:  qchart自己的视图,专门负责显示QChart

 大致思路说下,1.用Qbarset存储自己想要显示的数据;2.Qbarchart读取数据完毕后将其append到Qbarseries里面 ;3.将Qbarserie绑定Qchart即可完成数据的展示,随后设置X,Y轴显示灯效果,4.添加Qchartview视图,将其放进布局里面,再使用addwidget添加Qchart即可完成柱状图的显示;

下面是我自己实现的代码:

void frmchart::createChart(map<QString, list<int>> obj)
{
	QBarSeries *series = new QBarSeries();
	map<QString, list<int>>::iterator it = obj.begin();
	//将数据读入
	while (it != obj.end())
	{
		QString tit = it->first;
		QBarSet *set = new QBarSet(tit);
		std::list<int> vecnum = it->second;
		for (auto &a : vecnum)
		{
			*set << a;
		}
		set->setColor(QColor(qrand()%255, qrand()%255, qrand()%255, 128));
		series->append(set);
		it++;
	}
	int size = series->count();
	series->setVisible(true);
	series->setLabelsVisible(true);
	QBarCategoryAxis *axis = new QBarCategoryAxis;
	axis->append("January");
	axis->append("February");
	axis->append("March");
	axis->append("April");
	axis->setLabelsColor(QColor(qrand() % 255, qrand() % 255, qrand() % 255, 255));

	QValueAxis *axisy = new QValueAxis;
	axisy->setRange(0, 1000);
	axisy->setTitleText(tr("数量"));
	chart->addSeries(series);
	chart->setTitle(tr("谢谢大家观看我的博客"));
	chart->setTitleFont(QFont("微软雅黑"));
	chart->setAxisX(axis, series);
	chart->setAxisY(axisy, series);
	chart->legend()->setVisible(true);
}

void frmchart::dischart()
{
	std::list<int> list0 = { 101,505,200,301 };
	std::list<int> list1 = { 200,100,59,601 };
	std::list<int> list2 = { 599,421,878,213 };
	std::list<int> list3 = { 15,50,708,988 };
	std::map<QString, list<int>> mapnum;
	mapnum.insert(pair<QString, list<int>>("apple", list0));
	mapnum.insert(pair<QString, list<int>>("banana", list1));
	mapnum.insert(pair<QString, list<int>>("watermelon", list2));
	mapnum.insert(pair<QString, list<int>>("orange", list3));
	createChart(mapnum);
	QChartView *view = new QChartView(chart);
	view->setRenderHint(QPainter::Antialiasing);
	ui->mainlayout->addWidget(view);
}

构造这个柱状图主要就是这两个函数,代码中chart是我自己定义的一个私有变量,方式很多,最后实现效果如下:

哈哈,有点花里胡哨,不过基本步骤就是这样啦,很多方法干什么的自己可以好好查看QT助手,我这里只是提供了一个解决思路

  • 0
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值