| @@ -1,6 +1,6 | |||
|
|
1 | 1 | /*! |
|
|
2 |
\example |
|
|
|
3 |
\title |
|
|
|
2 | \example demos/nesteddonuts | |
|
|
3 | \title Nested donuts demo | |
|
|
4 | 4 | \subtitle |
|
|
5 | 5 | |
|
|
6 | 6 | This example shows how to use create a nested donuts chart using QPieSeries API. |
| @@ -8,12 +8,12 | |||
|
|
8 | 8 | |
|
|
9 | 9 | Let's start by creating a QChartView instance and enabling the Antialiasing on it. Last line enables the animations of the chart. |
|
|
10 | 10 | |
|
|
11 |
\snippet ../ |
|
|
|
11 | \snippet ../demos/nesteddonuts/widget.cpp 1 | |
|
|
12 | 12 | |
|
|
13 | 13 | Three variables are defined that will be used to define the donut chart. Min and max size define the relative size of the whole donut. |
|
|
14 | 14 | minSize is the relative inner size of the smallest donut. maxSize is the relative outer size of the biggest donut. |
|
|
15 | 15 | |
|
|
16 |
\snippet ../ |
|
|
|
16 | \snippet ../demos/nesteddonuts/widget.cpp 2 | |
|
|
17 | 17 | |
|
|
18 | 18 | Following block of code defines the individual donuts and their slices. First new QPieSeries object is created. |
|
|
19 | 19 | Callign setDonut() changes pie into a donut. The number of slices in each donut is randomized. |
| @@ -23,20 +23,20 | |||
|
|
23 | 23 | Finally the slice is added to the donut. The donut's size is adjusted to achive the nesting of the donuts. |
|
|
24 | 24 | Then the donut is added to the widget's list of donuts and to the chart. |
|
|
25 | 25 | |
|
|
26 |
\snippet ../ |
|
|
|
26 | \snippet ../demos/nesteddonuts/widget.cpp 3 | |
|
|
27 | 27 | |
|
|
28 | 28 | Finally the widget is placed in a layout used by the application. |
|
|
29 | 29 | |
|
|
30 |
\snippet ../ |
|
|
|
30 | \snippet ../demos/nesteddonuts/widget.cpp 4 | |
|
|
31 | 31 | |
|
|
32 | 32 | To make the example more interesting the donuts are rotated randomly every 1.25 sec. |
|
|
33 | 33 | |
|
|
34 |
\snippet ../ |
|
|
|
34 | \snippet ../demos/nesteddonuts/widget.cpp 5 | |
|
|
35 | 35 | |
|
|
36 | 36 | The widget's updatedRotation slot is defined below. |
|
|
37 | 37 | It goes through all of the donuts and modifies thier current rotation by a random value. |
|
|
38 | 38 | |
|
|
39 |
\snippet ../ |
|
|
|
39 | \snippet ../demos/nesteddonuts/widget.cpp 6 | |
|
|
40 | 40 | |
|
|
41 | 41 | The earlier mentioned explodeSlice slot code is provided below. |
|
|
42 | 42 | If the slice is set to exploded then stop the timer that controls the donuts rotation. |
| @@ -45,5 +45,5 | |||
|
|
45 | 45 | have their start and end angles modified so that they wouldn't "block" the way for the hightlighted slice. |
|
|
46 | 46 | If the slice is no longer selected return to the original state. |
|
|
47 | 47 | |
|
|
48 |
\snippet ../ |
|
|
|
48 | \snippet ../demos/nesteddonuts/widget.cpp 7 | |
|
|
49 | 49 | */ |
| @@ -16,6 +16,7 | |||
|
|
16 | 16 | <li><a href="demos-chartthemes.html">Chart themes</a></li> |
|
|
17 | 17 | <li><a href="demos-piechartcustomization.html">Pie chart customization</a></li> |
|
|
18 | 18 | <li><a href="demos-dynamicspline.html">Dynamic spline chart</a></li> |
|
|
19 | <li><a href="demos-nesteddonuts.html">Nested donuts chart</a></li> | |
|
|
19 | 20 | <li><a href="demos-qmlchart.html">Qml Basic Charts</a></li> |
|
|
20 | 21 | <li><a href="demos-qmlcustomizations.html">Qml Customizations</a></li> |
|
|
21 | 22 | <li><a href="demos-qmlweather.html">Qml Weather</a></li> |
General Comments 0
You need to be logged in to leave comments.
Login now