| @@ -4,36 +4,115 | |||
|
|
4 | 4 | \subtitle |
|
|
5 | 5 | |
|
|
6 | 6 | This is a basic demonstration how to use the different chart types by using qml. Creating each chart type begins |
|
|
7 | with creation of a ChartView. For example to create a pie, we use the PieSeries API together with a few PieSlices: | |
|
|
7 | with creation of a ChartView. | |
|
|
8 | ||
|
|
9 | \table | |
|
|
10 | \row | |
|
|
11 | \o \br | |
|
|
12 | To create a pie, we use the PieSeries API together with a few PieSlices: | |
|
|
13 | \br | |
|
|
14 | \br | |
|
|
8 | 15 | \snippet ../demos/qmlchart/qml/qmlchart/View1.qml 1 |
|
|
9 | \image demos_qmlchart1.png | |
|
|
16 | \o \inlineimage demos_qmlchart1.png | |
|
|
17 | \endtable | |
|
|
10 | 18 | |
|
|
19 | \table | |
|
|
20 | \row | |
|
|
21 | \o \br | |
|
|
11 | 22 | To create a chart with line series: |
|
|
23 | \br | |
|
|
24 | \br | |
|
|
12 | 25 | \snippet ../demos/qmlchart/qml/qmlchart/View2.qml 1 |
|
|
13 | \image demos_qmlchart2.png | |
|
|
26 | \o \inlineimage demos_qmlchart2.png | |
|
|
27 | \endtable | |
|
|
14 | 28 | |
|
|
29 | \table | |
|
|
30 | \row | |
|
|
31 | \o \br | |
|
|
15 | 32 | And spline series: |
|
|
33 | \br | |
|
|
34 | \br | |
|
|
16 | 35 | \snippet ../demos/qmlchart/qml/qmlchart/View3.qml 1 |
|
|
17 | \image demos_qmlchart3.png | |
|
|
36 | \o \inlineimage demos_qmlchart3.png | |
|
|
37 | \endtable | |
|
|
18 | 38 | |
|
|
19 | Then we create a chart that illustrates the success of Russian, Swedish and Finnish ice-hockey players in the | |
|
|
20 | NHL All-Star player selections by using three area series: | |
|
|
39 | \table | |
|
|
40 | \row | |
|
|
41 | \o \br | |
|
|
42 | Then we create a chart that illustrates the NHL All-Star player selections by using three area series: | |
|
|
43 | \br | |
|
|
44 | \br | |
|
|
21 | 45 | \snippet ../demos/qmlchart/qml/qmlchart/View4.qml 1 |
|
|
22 | \image demos_qmlchart4.png | |
|
|
46 | \o \inlineimage demos_qmlchart4.png | |
|
|
47 | \endtable | |
|
|
23 | 48 | |
|
|
49 | \table | |
|
|
50 | \row | |
|
|
51 | \o \br | |
|
|
24 | 52 | Then couple of scatter series: |
|
|
53 | \br | |
|
|
54 | \br | |
|
|
25 | 55 | \snippet ../demos/qmlchart/qml/qmlchart/View5.qml 1 |
|
|
26 | \image demos_qmlchart5.png | |
|
|
56 | \o \inlineimage demos_qmlchart5.png | |
|
|
57 | \endtable | |
|
|
27 | 58 | |
|
|
28 | 59 | And a few different bar series: |
|
|
60 | \table | |
|
|
61 | \row | |
|
|
62 | \o \br | |
|
|
63 | \br | |
|
|
64 | \br | |
|
|
29 | 65 | \snippet ../demos/qmlchart/qml/qmlchart/View6.qml 1 |
|
|
30 | \image demos_qmlchart6.png | |
|
|
66 | \o \inlineimage demos_qmlchart6.png | |
|
|
67 | \endtable | |
|
|
68 | \table | |
|
|
69 | \row | |
|
|
70 | \o \br | |
|
|
71 | \br | |
|
|
72 | \br | |
|
|
31 | 73 | \snippet ../demos/qmlchart/qml/qmlchart/View7.qml 1 |
|
|
32 | \image demos_qmlchart7.png | |
|
|
74 | \o \inlineimage demos_qmlchart7.png | |
|
|
75 | \endtable | |
|
|
76 | \table | |
|
|
77 | \row | |
|
|
78 | \o \br | |
|
|
79 | \br | |
|
|
80 | \br | |
|
|
33 | 81 | \snippet ../demos/qmlchart/qml/qmlchart/View8.qml 1 |
|
|
34 | \image demos_qmlchart8.png | |
|
|
82 | \o \inlineimage demos_qmlchart8.png | |
|
|
83 | \endtable | |
|
|
84 | \table | |
|
|
85 | \row | |
|
|
86 | \o \br | |
|
|
87 | \br | |
|
|
88 | \br | |
|
|
89 | \snippet ../demos/qmlchart/qml/qmlchart/View9.qml 1 | |
|
|
90 | \o \inlineimage demos_qmlchart9.png | |
|
|
91 | \endtable | |
|
|
92 | \table | |
|
|
93 | \row | |
|
|
94 | \o \br | |
|
|
95 | \br | |
|
|
96 | \br | |
|
|
97 | \snippet ../demos/qmlchart/qml/qmlchart/View10.qml 1 | |
|
|
98 | \o \inlineimage demos_qmlchart10.png | |
|
|
99 | \endtable | |
|
|
100 | \table | |
|
|
101 | \row | |
|
|
102 | \o \br | |
|
|
103 | \br | |
|
|
104 | \br | |
|
|
105 | \snippet ../demos/qmlchart/qml/qmlchart/View11.qml 1 | |
|
|
106 | \o \inlineimage demos_qmlchart11.png | |
|
|
107 | \endtable | |
|
|
35 | 108 | |
|
|
109 | \table | |
|
|
110 | \row | |
|
|
111 | \o \br | |
|
|
36 | 112 | And finally an example how to create a donut chart with two pie series: |
|
|
113 | \br | |
|
|
114 | \br | |
|
|
37 | 115 | \snippet ../demos/qmlchart/qml/qmlchart/View12.qml 1 |
|
|
38 | \image demos_qmlchart12.png | |
|
|
116 | \o \inlineimage demos_qmlchart12.png | |
|
|
117 | \endtable | |
|
|
39 | 118 | */ |
| @@ -55,14 +55,14 QTCOMMERCIALCHART_BEGIN_NAMESPACE | |||
|
|
55 | 55 | \brief CategoryAxis allows putting a named ranges on the axis. |
|
|
56 | 56 | |
|
|
57 | 57 | For example: |
|
|
58 |
\ |
|
|
|
59 | CategoryAxis { | |
|
|
60 | startValue: 0.0 | |
|
|
61 | CategoryRange { endValue: 1.0; label: "min (0-1)" } | |
|
|
62 | CategoryRange { endValue: 3.0; label: "standard (1-3)" } | |
|
|
63 | CategoryRange { endValue: 4.0; label: "high (3-4)" } | |
|
|
64 | } | |
|
|
65 |
\end |
|
|
|
58 | \table | |
|
|
59 | \row | |
|
|
60 | \o \br | |
|
|
61 | \br | |
|
|
62 | \br | |
|
|
63 | \snippet ../demos/qmlaxes/qml/qmlaxes/View3.qml 1 | |
|
|
64 | \o \inlineimage demos_qmlaxes3.png | |
|
|
65 | \endtable | |
|
|
66 | 66 | */ |
|
|
67 | 67 | |
|
|
68 | 68 | /*! |
General Comments 0
You need to be logged in to leave comments.
Login now