##// END OF EJS Templates
Improved qmlchart demo and CategoryAxis documentation
Tero Ahola -
r2000:eb59a57300e4
parent child
Show More
@@ -4,36 +4,115
4 \subtitle
4 \subtitle
5
5
6 This is a basic demonstration how to use the different chart types by using qml. Creating each chart type begins
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 \snippet ../demos/qmlchart/qml/qmlchart/View1.qml 1
9 \image demos_qmlchart1.png
10
8
11 To create a chart with line series:
9 \table
12 \snippet ../demos/qmlchart/qml/qmlchart/View2.qml 1
10 \row
13 \image demos_qmlchart2.png
11 \o \br
12 To create a pie, we use the PieSeries API together with a few PieSlices:
13 \br
14 \br
15 \snippet ../demos/qmlchart/qml/qmlchart/View1.qml 1
16 \o \inlineimage demos_qmlchart1.png
17 \endtable
14
18
15 And spline series:
19 \table
16 \snippet ../demos/qmlchart/qml/qmlchart/View3.qml 1
20 \row
17 \image demos_qmlchart3.png
21 \o \br
22 To create a chart with line series:
23 \br
24 \br
25 \snippet ../demos/qmlchart/qml/qmlchart/View2.qml 1
26 \o \inlineimage demos_qmlchart2.png
27 \endtable
18
28
19 Then we create a chart that illustrates the success of Russian, Swedish and Finnish ice-hockey players in the
29 \table
20 NHL All-Star player selections by using three area series:
30 \row
21 \snippet ../demos/qmlchart/qml/qmlchart/View4.qml 1
31 \o \br
22 \image demos_qmlchart4.png
32 And spline series:
33 \br
34 \br
35 \snippet ../demos/qmlchart/qml/qmlchart/View3.qml 1
36 \o \inlineimage demos_qmlchart3.png
37 \endtable
23
38
24 Then couple of scatter series:
39 \table
25 \snippet ../demos/qmlchart/qml/qmlchart/View5.qml 1
40 \row
26 \image demos_qmlchart5.png
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
45 \snippet ../demos/qmlchart/qml/qmlchart/View4.qml 1
46 \o \inlineimage demos_qmlchart4.png
47 \endtable
48
49 \table
50 \row
51 \o \br
52 Then couple of scatter series:
53 \br
54 \br
55 \snippet ../demos/qmlchart/qml/qmlchart/View5.qml 1
56 \o \inlineimage demos_qmlchart5.png
57 \endtable
27
58
28 And a few different bar series:
59 And a few different bar series:
29 \snippet ../demos/qmlchart/qml/qmlchart/View6.qml 1
60 \table
30 \image demos_qmlchart6.png
61 \row
31 \snippet ../demos/qmlchart/qml/qmlchart/View7.qml 1
62 \o \br
32 \image demos_qmlchart7.png
63 \br
33 \snippet ../demos/qmlchart/qml/qmlchart/View8.qml 1
64 \br
34 \image demos_qmlchart8.png
65 \snippet ../demos/qmlchart/qml/qmlchart/View6.qml 1
35
66 \o \inlineimage demos_qmlchart6.png
36 And finally an example how to create a donut chart with two pie series:
67 \endtable
37 \snippet ../demos/qmlchart/qml/qmlchart/View12.qml 1
68 \table
38 \image demos_qmlchart12.png
69 \row
70 \o \br
71 \br
72 \br
73 \snippet ../demos/qmlchart/qml/qmlchart/View7.qml 1
74 \o \inlineimage demos_qmlchart7.png
75 \endtable
76 \table
77 \row
78 \o \br
79 \br
80 \br
81 \snippet ../demos/qmlchart/qml/qmlchart/View8.qml 1
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
108
109 \table
110 \row
111 \o \br
112 And finally an example how to create a donut chart with two pie series:
113 \br
114 \br
115 \snippet ../demos/qmlchart/qml/qmlchart/View12.qml 1
116 \o \inlineimage demos_qmlchart12.png
117 \endtable
39 */
118 */
@@ -55,14 +55,14 QTCOMMERCIALCHART_BEGIN_NAMESPACE
55 \brief CategoryAxis allows putting a named ranges on the axis.
55 \brief CategoryAxis allows putting a named ranges on the axis.
56
56
57 For example:
57 For example:
58 \code
58 \table
59 CategoryAxis {
59 \row
60 startValue: 0.0
60 \o \br
61 CategoryRange { endValue: 1.0; label: "min (0-1)" }
61 \br
62 CategoryRange { endValue: 3.0; label: "standard (1-3)" }
62 \br
63 CategoryRange { endValue: 4.0; label: "high (3-4)" }
63 \snippet ../demos/qmlaxes/qml/qmlaxes/View3.qml 1
64 }
64 \o \inlineimage demos_qmlaxes3.png
65 \endcode
65 \endtable
66 */
66 */
67
67
68 /*!
68 /*!
General Comments 0
You need to be logged in to leave comments. Login now