@@ -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 | ||||
|
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 | \snippet ../demos/qmlchart/qml/qmlchart/View1.qml 1 |
|
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 | To create a chart with line series: |
|
22 | To create a chart with line series: | |
|
23 | \br | |||
|
24 | \br | |||
12 | \snippet ../demos/qmlchart/qml/qmlchart/View2.qml 1 |
|
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 | And spline series: |
|
32 | And spline series: | |
|
33 | \br | |||
|
34 | \br | |||
16 | \snippet ../demos/qmlchart/qml/qmlchart/View3.qml 1 |
|
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 |
|
39 | \table | |
20 | NHL All-Star player selections by using three area series: |
|
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 | \snippet ../demos/qmlchart/qml/qmlchart/View4.qml 1 |
|
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 | Then couple of scatter series: |
|
52 | Then couple of scatter series: | |
|
53 | \br | |||
|
54 | \br | |||
25 | \snippet ../demos/qmlchart/qml/qmlchart/View5.qml 1 |
|
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 | And a few different bar series: |
|
59 | And a few different bar series: | |
|
60 | \table | |||
|
61 | \row | |||
|
62 | \o \br | |||
|
63 | \br | |||
|
64 | \br | |||
29 | \snippet ../demos/qmlchart/qml/qmlchart/View6.qml 1 |
|
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 | \snippet ../demos/qmlchart/qml/qmlchart/View7.qml 1 |
|
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 | \snippet ../demos/qmlchart/qml/qmlchart/View8.qml 1 |
|
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 | And finally an example how to create a donut chart with two pie series: |
|
112 | And finally an example how to create a donut chart with two pie series: | |
|
113 | \br | |||
|
114 | \br | |||
37 | \snippet ../demos/qmlchart/qml/qmlchart/View12.qml 1 |
|
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 | \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 |
\ |
|
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 |
\end |
|
65 | \endtable | |
66 | */ |
|
66 | */ | |
67 |
|
67 | |||
68 | /*! |
|
68 | /*! |
General Comments 0
You need to be logged in to leave comments.
Login now