首页 > 其他分享> 文章详细

Qt-绘制圆饼图等-转摘

2019-09-23 12:38:34 阅读：351 来源： 互联网

标签：Qt series 圆饼 chart window chartView include 转摘

原文链接：https://www.cnblogs.com/xinxue/p/6021873.html

Qt 有许多模块，如 Core、GUI、Widgets、WebEngine、QML等。其中 Charts 模块，包含了一系列有关图表的组件，使用的是 Qt 的 Graphics View 框架，该模块以前只在商业版中才有。

从 Qt 5.7 开始，该模块通过 GPLv3 许可，已经对 Qt 开源版开放使用。

1 饼图 (pie chart)

1.1 Charts 模块

.pro 中添加如下语句：

QT  += charts

头文件和命名空间

#include <QtCharts>

using namespace QtCharts;

1.2 代码示例

1）头文件

Qt 中实现饼图的例程，主要使用了 QPieSeries + QPieSlice + QChart + QChartView 这四个类，如下所示： #1 ~ #5 声明了头文件

1 #include <QtWidgets/QApplication>
2 #include <QtWidgets/QMainWindow>
3 #include <QtCharts/QChartView>
4 #include <QtCharts/QPieSeries>
5 #include <QtCharts/QPieSlice>
6 
7 using namespace QtCharts;

实际上也可用两个头文件代替：

#include <QtWidgets>
#include <QtCharts>

2） QPieSeries 类

#13 ~ #16 新建 QPieSeries 类指针，并将其分为三份，各占 10%，20% 和 70%；#17 设置标签属性，使其可见；

 9 int main(int argc, char *argv[])
10 {
11     QApplication a(argc, argv);
12 
13     QPieSeries *series = new QPieSeries();
14     series->append("10%", 1);
15     series->append("20%", 2);
16     series->append("70%", 7);
17     series->setLabelsVisible();

3） QPieSlice 类

#19 ~ #24 使用 QPieSlice 设置每一份的颜色，分别为：红、绿、蓝；

19     QPieSlice *slice_red = series->slices().at(0);
20     QPieSlice *slice_green = series->slices().at(1);
21     QPieSlice *slice_blue = series->slices().at(2);
22     slice_red->setColor(QColor(255,0,0,255));
23     slice_green->setColor(QColor(0,255,0,255));
24     slice_blue->setColor(QColor(0,0,255,255));

4） QChart 和 QChartView

#26 ~ #29 新建 QChart 类指针，并将 series 添加到 chart 中，然后设置标题和隐藏图例；

#31 ~ #32 新建 QChartView 类指针，然后将 chart 添加到 chartview 中，设置其渲染属性为 “抗混叠” (QPainter::Antialiasing)；

#34 ~ #37 新建 QMainWindow 类对象，并将 chartview 置于中间 (setCentralWidget() 函数)，然后重设其大小，并 show() 出来。

26     QChart *chart = new QChart();
27     chart->addSeries(series);
28     chart->setTitle("PieChart Example");
29     chart->legend()->hide();
30 
31     QChartView *chartview = new QChartView(chart);
32     chartview->setRenderHint(QPainter::Antialiasing);
33 
34     QMainWindow window;
35     window.setCentralWidget(chartview);
36     window.resize(480, 360);
37     window.show();
38 
39     return a.exec();
40 }

输出如下：

2 圆环图 (donut chart)

#4 用的是 Qt 中的命名空间声明，等效于 using namespace QtCharts

圆环图中间有空，对应 #11，设置了中间孔的尺寸大小；另外，#21 设置了圆环图的显示主题，#22 设置的是图例的字体；其它代码，饼图的大同小异。

 1 #include <QtWidgets>
 2 #include <QtCharts>
 3 
 4 QT_CHARTS_USE_NAMESPACE
 5 
 6 int main(int argc, char *argv[])
 7 {
 8     QApplication a(argc, argv);
 9 
10     QPieSeries *series = new QPieSeries();
11     series->setHoleSize(0.35);
12     series->append("Protein 4.2%", 4.2);
13     series->append("Carbs 56.4%", 56.4);
14     series->append("Other 23.8%", 23.8);
15 
16     QChartView *chartView = new QChartView();
17     chartView->setRenderHint(QPainter::Antialiasing);
18     chartView->chart()->setTitle("DonutChart Example");
19     chartView->chart()->addSeries(series);
20     chartView->chart()->legend()->setAlignment(Qt::AlignBottom);
21     chartView->chart()->setTheme(QChart::ChartThemeBlueCerulean);
22     chartView->chart()->legend()->setFont(QFont("Arial", 7));
23 
24     QMainWindow window;
25     window.setCentralWidget(chartView);
26     window.resize(400, 300);
27     window.show();
28 
29     return a.exec();
30 }

输出界面如下：

标签：Qt,series,圆饼,chart,window,chartView,include,转摘
来源： https://blog.csdn.net/weixin_41424481/article/details/101200243

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9