Qt5 Tutorial Creating PieChart with QtChart

In this Qt5 C++ Tutorial i want to show you Creating PieChart with QtChart, basically we are using QtChart class for this article,  QtChart module provides a set of easy to use chart components. It uses the Qt Graphics View Framework, therefore charts can be easily integrated to modern user interfaces. Qt Charts can be used as QWidgets, QGraphicsWidget, or QML types. Users can easily create impressive graphs by selecting one of the charts themes, so a pie series consists of slices that are defined as QPieSlice objects. The slices can have any values as the QPieSeries object calculates the percentage of a slice compared with the sum of all slices in the series to determine the actual size of the slice in the chart. Pie size and position on the chart are controlled by using relative values that range from 0.0 to 1.0. These relate to the actual chart rectangle. By default, the pie is defined as a full pie. A partial pie can be created by setting a starting angle and angle span for the series. A full pie is 360 degrees, where 0 is at 12 a’clock. also you can check my previous articles on QtChart in the below links.

 

1: Qt5 C++ Tutorial Creating BarChart  

2: Qt5 C++ Tutorial Creating LineChart

 

 

OK first of all you need to Create New Project in Qt5. After you have created the new project, open  the project file (.pro) and add the charts module to your project, like this:

 

 

Then, you need to open mainwindow.h and add the following to include the header files that are required for using the charts module:

 

 

The QtCharts and QtChartView headers are both essential for Qt’s charts module. You
must include both of them for any type of chart to work at all. The other  headers,
namely QPieSeries and QPieSlice, are used here because we’re going to create a pie chart.
The headers that get included in your project will be different depending on the type of
chart you want to create.

 

 

 

OK now we are going to open mainwindow.ui, and we want to add Horizontal Layout in our gui window.

after that, right-click on the layout widget you just dragged to the central widget, and select
Morph into | QFrame. This will change the layout widget into a QFrame widget while still
maintaining its layout properties. If you create a QFrame from Widget Box, it won’t have
the layout properties that we need. This step is important so that we can set it as the parent
of our chart.

Qt5 QtChart
Qt5 QtChart

 

 

 

So now open your mainwindow.cpp file and add these codes in the constructor of your class.

 

 

 

After adding your mainwindow.cpp file will look like this .

 

 

 

So this is the data that we want to add in our piechart, basically we have created the object of QPieSeries and we have added the data to our PieSeries.

 

 

Because we want to slice a part of our PieChart, so for that you need to add these codes.

 

 

 

As i have said for creating of charts in Qt5, you need to create QChart with QChartView, so in here first we create QChart and we add our pie series to the QChart object.

 

 

 

at the end we need to create a QChartView for rendering our pie chart.

 

 

 

Also check Qt5 C++ GUI Development Articles in the below links

 

1: Qt5 C++ Introduction And Installation

2: Qt5 C++ First Console Application 

3: Qt5 C++ First GUI Application 

4: Qt5 C++ Signal And Slots Introduction

5: Qt5 C++ Layout Management 

6: Qt5 C++ Creating Qt Style Sheets

7: Qt5 C++ Creating QPushButton

8: How To Create QCheckBox in Qt5

9: Qt5 GUI How To Create QRadioButton

10: Qt5 GUI Development How To Create ComboBox

11: Qt5 C++ GUI Development Creating QListWidget

12: Qt5 C++ GUI Development Creating QMessageBox

13 : Qt5 C++ GUI Creating QMenu And QToolbar

14: Qt5 C++ GUI Development Creating QPrintDialog

15: Qt5 C++ GUI Development Creating QFontDialog

16: Qt5 C++ GUI Development Creating QColorDialog

17: How to Create QFileDialog in Qt5

18: How to Create QProgressbar in Qt5 C++

19: How to Create QPropertyAnimation in Qt5

20: How To Control QPropertyAnimation in Qt5 

21: How To Create AnimationGroup in Qt5

22: How To Create State Machine in Qt5 C++

23: How To Draw Text And Line in Qt5

24: Qt5 GUI How To Draw Rectangle 

25: Qt5 GUI How To Draw Ellipse

 

 

 

Run the complete code and this will be the result

Qt5 Tutorial Creating PieChart with QtChart
Qt5 Tutorial Creating PieChart with QtChart

 

 

 

 

Also you can watch the complete video for this article

 

Subscribe and Get Free Video Courses & Articles in your Email

 

Share via
Copy link
Powered by Social Snap
×