首页 > 其他 > 详细

Qt QChart 创建图表

时间:2020-12-20 20:35:55      阅读:34      评论:0      收藏:0      [点我收藏+]

Qt QChart 创建图表

@

效果

技术分享图片

流程

graph LR q(value 数据) q-->s1(QPieSlice)-->ps(QPieSeries)--饼状图-->c(QChart)-->v(QChartView)-->w(QWidget) q-->s2(...)-->ps q-->bs(QBarSet)-->b(QBarSeries)--柱状图-->c q-->bs1(...)-->b q-->p(QPointF)-->l(QLineSeries/QSplineSeries)--折/曲线图-->c q-->p1(...)-->l l1(QLineSeries upper)-->a(QAreaSeries)--区域图-->c l2(QLineSeries lower)-->a

代码

1. 饼图

	// 保存多个扇形
	QList<QPieSlice *> slices;
	for (int i = 1; i <= 10; ++i)
	{
		// 创建一个扇形
		QPieSlice * slice = new QPieSlice(QString::number(i),i);
		slices << slice;
	}
	// 创建一个饼图系列
	QPieSeries * pieSeries = new QPieSeries;
	// 当鼠标悬浮时设置标签可见,设置饼图扇形分离
	QObject::connect(pieSeries,&QPieSeries::hovered
		, [](QPieSlice *slice, bool state) {
		slice->setLabelVisible(state);
		slice->setExploded(state);
	});
	// 将所有扇形所加到饼图中
	pieSeries->append(slices);

	// 创建一个图表
	QChart * chart = new QChart;
	// 设置标题
	chart->setTitle(QStringLiteral("饼图"));
	// 设置动画
	chart->setAnimationOptions(QChart::AllAnimations);
	// 设置图表的系列
	chart->addSeries(pieSeries);

	// 创建图表视图,显示图表
    pView = new QChartView(chart);
	// 设置抗锯齿
	pView->setRenderHint(QPainter::Antialiasing);

	// 添加图表视图到布局
    QVBoxLayout *layout = new QVBoxLayout(this);
    layout->addWidget(pView);

2. 柱图


	// 保存柱集合
	QList<QBarSet *> sets;
	for (int i = 1; i <= 5; ++i)
	{
		// 创建一个柱集合
		QBarSet * set = new QBarSet(QString("set").append(QString::number(i)));
		QList<qreal> values;
		for (int j = 1; j <= 5; ++j)
		{
			values << qrand()%100;
			qDebug() << values;
		}
		set->append(values);
		sets << set;
	}
	// 创建一个柱图系列
	QBarSeries * barSeries = new QBarSeries;
	// 添加柱集合
	barSeries->append(sets);

	QChart * chart = new QChart;
	chart->setTitle(QStringLiteral("柱状图"));
	chart->setAnimationOptions(QChart::AllAnimations);
	chart->addSeries(barSeries);

	pView = new QChartView(chart);
	pView->setRenderHint(QPainter::Antialiasing);

	QVBoxLayout *layout = new QVBoxLayout(this);
	layout->addWidget(pView);

3. 折/曲线图

	// 创建并保存点信息
	QList<QPointF> points;
	points << QPointF(0, -1) << QPointF(2, 2) << QPointF(3, 5) << QPointF(5, -5)
		<< QPointF(6, 0) << QPointF(7, 3);

	// 创建线图系列
	QLineSeries * lineSeries = new QLineSeries;
	// 曲线
	//QSplineSeries * lineSeries = new QSplineSeries;
	
	// 追加点
	lineSeries->append(points);

	QChart * chart = new QChart;
	chart->setTitle(QStringLiteral("线图"));
	chart->setAnimationOptions(QChart::AllAnimations);
	chart->addSeries(lineSeries);

	pView = new QChartView(chart);
	pView->setRenderHint(QPainter::Antialiasing);

	QVBoxLayout *layout = new QVBoxLayout(this);
	layout->addWidget(pView);

4. 区域图


	QList<QPointF> pointsLower;
	pointsLower << QPointF(0, -1) << QPointF(2, 2) << QPointF(3, 5) << QPointF(5, -5)
		<< QPointF(6, 0) << QPointF(7, 3);
	// 创建一条线
	QLineSeries * lineSeriesLower = new QLineSeries;
	lineSeriesLower->append(pointsLower);

	QList<QPointF> pointsUpper;
	pointsUpper << QPointF(0, -1) << QPointF(2, 4) << QPointF(3, 3) << QPointF(5, 3)
		<< QPointF(6, 1) << QPointF(7, 5);
	// 创建另一条线
	QLineSeries * lineSeriesUpper = new QLineSeries;
	lineSeriesUpper->append(pointsUpper);

	// 两条线组成面
	QAreaSeries * areaSeries = new QAreaSeries(lineSeriesLower, lineSeriesUpper);

	QChart * chart = new QChart;
	chart->setTitle(QStringLiteral("区域图"));
	chart->setAnimationOptions(QChart::AllAnimations);
	chart->addSeries(areaSeries);

	pView = new QChartView(chart);
	pView->setRenderHint(QPainter::Antialiasing);

	QVBoxLayout *layout = new QVBoxLayout(this);
	layout->addWidget(pView);

Qt QChart 创建图表

原文:https://www.cnblogs.com/Doyoung/p/14164343.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!