##// END OF EJS Templates
HG_REPOSITORIES » LPP » INSTRUMENTATION » USERS » JEANDET » qtcharts
RSS

Clone from http://code.qt.io/qt/qtcharts.git

Documentation: QML demos, bar screens, legend detach screen
Tero Ahola -
r1380:ae04ff07a29b
parent child
Show More
Side by Side Unified
Context file:
r1380:ae04ff07a29b Loading diff...:
Show file before | Show file after | Hide comments
1 NO CONTENT: new file 100644, binary diff hidden
NO CONTENT: new file 100644, binary diff hidden
Show file before | Show file after | Hide comments
1 NO CONTENT: new file 100644, binary diff hidden
NO CONTENT: new file 100644, binary diff hidden
Show file before | Show file after | Hide comments
1 NO CONTENT: new file 100644, binary diff hidden
NO CONTENT: new file 100644, binary diff hidden
Show file before | Show file after | Hide comments
1 NO CONTENT: new file 100644, binary diff hidden
NO CONTENT: new file 100644, binary diff hidden
Show file before | Show file after | Hide comments
1 NO CONTENT: new file 100644, binary diff hidden
NO CONTENT: new file 100644, binary diff hidden
Show file before | Show file after | Hide comments
1 NO CONTENT: new file 100644, binary diff hidden
NO CONTENT: new file 100644, binary diff hidden
Show file before | Show file after | Hide comments
@@ -1,56 +1,55
1 /****************************************************************************
1 /****************************************************************************
2 **
2 **
3 ** Copyright (C) 2012 Digia Plc
3 ** Copyright (C) 2012 Digia Plc
4 ** All rights reserved.
4 ** All rights reserved.
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
6 **
6 **
7 ** This file is part of the Qt Commercial Charts Add-on.
7 ** This file is part of the Qt Commercial Charts Add-on.
8 **
8 **
9 ** $QT_BEGIN_LICENSE$
9 ** $QT_BEGIN_LICENSE$
10 ** Licensees holding valid Qt Commercial licenses may use this file in
10 ** Licensees holding valid Qt Commercial licenses may use this file in
11 ** accordance with the Qt Commercial License Agreement provided with the
11 ** accordance with the Qt Commercial License Agreement provided with the
12 ** Software or, alternatively, in accordance with the terms contained in
12 ** Software or, alternatively, in accordance with the terms contained in
13 ** a written agreement between you and Digia.
13 ** a written agreement between you and Digia.
14 **
14 **
15 ** If you have questions regarding the use of this file, please use
15 ** If you have questions regarding the use of this file, please use
16 ** contact form at http://qt.digia.com
16 ** contact form at http://qt.digia.com
17 ** $QT_END_LICENSE$
17 ** $QT_END_LICENSE$
18 **
18 **
19 ****************************************************************************/
19 ****************************************************************************/
20
20
21 import QtQuick 1.0
21 import QtQuick 1.0
22 import QtCommercial.Chart 1.0
22 import QtCommercial.Chart 1.0
23
23
24 Rectangle {
24 Rectangle {
25 anchors.fill: parent
25 anchors.fill: parent
26 property int __explodedIndex: -1
26 property int __explodedIndex: -1
27 property variant otherSlice: 0
27 property variant otherSlice: 0
28
28
29 //![1]
29 ChartView {
30 ChartView {
30 id: chart
31 id: chart
31 title: "Top-5 car brand shares in Finland"
32 title: "Top-5 car brand shares in Finland"
32 anchors.fill: parent
33 anchors.fill: parent
33 theme: ChartView.ChartThemeLight
34 legend.alignment: Qt.AlignBottom
34 legend.alignment: Qt.AlignBottom
35 animationOptions: ChartView.SeriesAnimations
36
35
37 // If you have static data, you can simply use the PieSlice API
38 PieSeries {
36 PieSeries {
39 id: pieSeries
37 id: pieSeries
40 onClicked: {
38 onClicked: {
41 slice.exploded = !slice.exploded;
39 slice.exploded = !slice.exploded;
42 }
40 }
43 PieSlice { label: "Volkswagen"; value: 13.5 }
41 PieSlice { label: "Volkswagen"; value: 13.5 }
44 PieSlice { label: "Toyota"; value: 10.9 }
42 PieSlice { label: "Toyota"; value: 10.9 }
45 PieSlice { label: "Ford"; value: 8.6 }
43 PieSlice { label: "Ford"; value: 8.6 }
46 PieSlice { label: "Skoda"; value: 8.2 }
44 PieSlice { label: "Skoda"; value: 8.2 }
47 PieSlice { label: "Volvo"; value: 6.8 }
45 PieSlice { label: "Volvo"; value: 6.8 }
48 }
46 }
49 }
47 }
48 //![1]
50
49
51 Component.onCompleted: {
50 Component.onCompleted: {
52 // You can also add slices dynamically
51 // You can also add slices dynamically
53 otherSlice = pieSeries.append("Others", 52.0);
52 otherSlice = pieSeries.append("Others", 52.0);
54 pieSeries.find("Volkswagen").exploded = true;
53 pieSeries.find("Volkswagen").exploded = true;
55 }
54 }
56 }
55 }
Show file before | Show file after | Hide comments
@@ -1,55 +1,55
1 /****************************************************************************
1 /****************************************************************************
2 **
2 **
3 ** Copyright (C) 2012 Digia Plc
3 ** Copyright (C) 2012 Digia Plc
4 ** All rights reserved.
4 ** All rights reserved.
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
6 **
6 **
7 ** This file is part of the Qt Commercial Charts Add-on.
7 ** This file is part of the Qt Commercial Charts Add-on.
8 **
8 **
9 ** $QT_BEGIN_LICENSE$
9 ** $QT_BEGIN_LICENSE$
10 ** Licensees holding valid Qt Commercial licenses may use this file in
10 ** Licensees holding valid Qt Commercial licenses may use this file in
11 ** accordance with the Qt Commercial License Agreement provided with the
11 ** accordance with the Qt Commercial License Agreement provided with the
12 ** Software or, alternatively, in accordance with the terms contained in
12 ** Software or, alternatively, in accordance with the terms contained in
13 ** a written agreement between you and Digia.
13 ** a written agreement between you and Digia.
14 **
14 **
15 ** If you have questions regarding the use of this file, please use
15 ** If you have questions regarding the use of this file, please use
16 ** contact form at http://qt.digia.com
16 ** contact form at http://qt.digia.com
17 ** $QT_END_LICENSE$
17 ** $QT_END_LICENSE$
18 **
18 **
19 ****************************************************************************/
19 ****************************************************************************/
20
20
21 import QtQuick 1.0
21 import QtQuick 1.0
22 import QtCommercial.Chart 1.0
22 import QtCommercial.Chart 1.0
23
23
24 Rectangle {
24 Rectangle {
25 anchors.fill: parent
25 anchors.fill: parent
26
26
27 //![1]
27 ChartView {
28 ChartView {
28 title: "Line&Spline"
29 title: "Line&Spline"
29 anchors.fill: parent
30 anchors.fill: parent
30 theme: ChartView.ChartThemeBrownSand
31 animationOptions: ChartView.NoAnimation
32
31
33 LineSeries {
32 LineSeries {
34 name: "Line"
33 name: "Line"
35 XyPoint { x: 0; y: 0 }
34 XyPoint { x: 0; y: 0 }
36 XyPoint { x: 1.1; y: 2.1 }
35 XyPoint { x: 1.1; y: 2.1 }
37 XyPoint { x: 1.9; y: 3.3 }
36 XyPoint { x: 1.9; y: 3.3 }
38 XyPoint { x: 2.1; y: 2.1 }
37 XyPoint { x: 2.1; y: 2.1 }
39 XyPoint { x: 2.9; y: 4.9 }
38 XyPoint { x: 2.9; y: 4.9 }
40 XyPoint { x: 3.4; y: 3.0 }
39 XyPoint { x: 3.4; y: 3.0 }
41 XyPoint { x: 4.1; y: 3.3 }
40 XyPoint { x: 4.1; y: 3.3 }
42 }
41 }
43
42
44 SplineSeries {
43 SplineSeries {
45 name: "Spline"
44 name: "Spline"
46 XyPoint { x: 0; y: 0.3 }
45 XyPoint { x: 0; y: 0.3 }
47 XyPoint { x: 1.1; y: 3.2 }
46 XyPoint { x: 1.1; y: 3.2 }
48 XyPoint { x: 1.9; y: 2.4 }
47 XyPoint { x: 1.9; y: 2.4 }
49 XyPoint { x: 2.1; y: 2.1 }
48 XyPoint { x: 2.1; y: 2.1 }
50 XyPoint { x: 2.9; y: 2.6 }
49 XyPoint { x: 2.9; y: 2.6 }
51 XyPoint { x: 3.4; y: 2.3 }
50 XyPoint { x: 3.4; y: 2.3 }
52 XyPoint { x: 4.1; y: 3.1 }
51 XyPoint { x: 4.1; y: 3.1 }
53 }
52 }
54 }
53 }
54 //![1]
55 }
55 }
Show file before | Show file after | Hide comments
@@ -1,143 +1,141
1 /****************************************************************************
1 /****************************************************************************
2 **
2 **
3 ** Copyright (C) 2012 Digia Plc
3 ** Copyright (C) 2012 Digia Plc
4 ** All rights reserved.
4 ** All rights reserved.
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
6 **
6 **
7 ** This file is part of the Qt Commercial Charts Add-on.
7 ** This file is part of the Qt Commercial Charts Add-on.
8 **
8 **
9 ** $QT_BEGIN_LICENSE$
9 ** $QT_BEGIN_LICENSE$
10 ** Licensees holding valid Qt Commercial licenses may use this file in
10 ** Licensees holding valid Qt Commercial licenses may use this file in
11 ** accordance with the Qt Commercial License Agreement provided with the
11 ** accordance with the Qt Commercial License Agreement provided with the
12 ** Software or, alternatively, in accordance with the terms contained in
12 ** Software or, alternatively, in accordance with the terms contained in
13 ** a written agreement between you and Digia.
13 ** a written agreement between you and Digia.
14 **
14 **
15 ** If you have questions regarding the use of this file, please use
15 ** If you have questions regarding the use of this file, please use
16 ** contact form at http://qt.digia.com
16 ** contact form at http://qt.digia.com
17 ** $QT_END_LICENSE$
17 ** $QT_END_LICENSE$
18 **
18 **
19 ****************************************************************************/
19 ****************************************************************************/
20
20
21 import QtQuick 1.0
21 import QtQuick 1.0
22 import QtCommercial.Chart 1.0
22 import QtCommercial.Chart 1.0
23
23
24 Rectangle {
24 Rectangle {
25 anchors.fill: parent
25 anchors.fill: parent
26
26
27 //![1]
27 ChartView {
28 ChartView {
28 title: "NHL All-Star Team Players"
29 title: "NHL All-Star Team Players"
29 anchors.fill: parent
30 anchors.fill: parent
30 theme: ChartView.ChartThemeHighContrast
31 axisXLabels: ["0", "2000", "1", "2001", "2", "2002", "3", "2003", "4", "2004", "5", "2005",
31 axisXLabels: ["0", "2000", "1", "2001", "2", "2002", "3", "2003", "4", "2004", "5", "2005",
32 "6", "2006", "7", "2007", "8", "2008", "9", "2009", "10", "2010", "11", "2011"]
32 "6", "2006", "7", "2007", "8", "2008", "9", "2009", "10", "2010", "11", "2011"]
33
33
34 AreaSeries {
34 AreaSeries {
35 name: "Russian"
35 name: "Russian"
36 upperSeries: LineSeries {
36 upperSeries: LineSeries {
37 XyPoint { x: 0; y: 1 }
37 XyPoint { x: 0; y: 1 }
38 XyPoint { x: 1; y: 1 }
38 XyPoint { x: 1; y: 1 }
39 XyPoint { x: 2; y: 1 }
39 XyPoint { x: 2; y: 1 }
40 XyPoint { x: 3; y: 1 }
40 XyPoint { x: 3; y: 1 }
41 XyPoint { x: 4; y: 1 }
41 XyPoint { x: 4; y: 1 }
42 XyPoint { x: 5; y: 0 }
42 XyPoint { x: 5; y: 0 }
43 XyPoint { x: 6; y: 1 }
43 XyPoint { x: 6; y: 1 }
44 XyPoint { x: 7; y: 1 }
44 XyPoint { x: 7; y: 1 }
45 XyPoint { x: 8; y: 4 }
45 XyPoint { x: 8; y: 4 }
46 XyPoint { x: 9; y: 3 }
46 XyPoint { x: 9; y: 3 }
47 XyPoint { x: 10; y: 2 }
47 XyPoint { x: 10; y: 2 }
48 XyPoint { x: 11; y: 1 }
48 XyPoint { x: 11; y: 1 }
49 }
49 }
50 lowerSeries: LineSeries {
50 lowerSeries: LineSeries {
51 XyPoint { x: 0; y: 0 }
51 XyPoint { x: 0; y: 0 }
52 XyPoint { x: 1; y: 0 }
52 XyPoint { x: 1; y: 0 }
53 XyPoint { x: 2; y: 0 }
53 XyPoint { x: 2; y: 0 }
54 XyPoint { x: 3; y: 0 }
54 XyPoint { x: 3; y: 0 }
55 XyPoint { x: 4; y: 0 }
55 XyPoint { x: 4; y: 0 }
56 XyPoint { x: 5; y: 0 }
56 XyPoint { x: 5; y: 0 }
57 XyPoint { x: 6; y: 0 }
57 XyPoint { x: 6; y: 0 }
58 XyPoint { x: 7; y: 0 }
58 XyPoint { x: 7; y: 0 }
59 XyPoint { x: 8; y: 0 }
59 XyPoint { x: 8; y: 0 }
60 XyPoint { x: 9; y: 0 }
60 XyPoint { x: 9; y: 0 }
61 XyPoint { x: 10; y: 0 }
61 XyPoint { x: 10; y: 0 }
62 XyPoint { x: 11; y: 0 }
62 XyPoint { x: 11; y: 0 }
63 }
63 }
64 onClicked: {
65 color = "red";
66 borderColor = "black";
67 }
68 }
64 }
65 // ...
66 //![1]
69
67
70 AreaSeries {
68 AreaSeries {
71 id: swedish
69 id: swedish
72 name: "Swedish"
70 name: "Swedish"
73 upperSeries: LineSeries {
71 upperSeries: LineSeries {
74 XyPoint { x: 0; y: 1 }
72 XyPoint { x: 0; y: 1 }
75 XyPoint { x: 1; y: 1 }
73 XyPoint { x: 1; y: 1 }
76 XyPoint { x: 2; y: 3 }
74 XyPoint { x: 2; y: 3 }
77 XyPoint { x: 3; y: 3 }
75 XyPoint { x: 3; y: 3 }
78 XyPoint { x: 4; y: 2 }
76 XyPoint { x: 4; y: 2 }
79 XyPoint { x: 5; y: 0 }
77 XyPoint { x: 5; y: 0 }
80 XyPoint { x: 6; y: 2 }
78 XyPoint { x: 6; y: 2 }
81 XyPoint { x: 7; y: 1 }
79 XyPoint { x: 7; y: 1 }
82 XyPoint { x: 8; y: 2 }
80 XyPoint { x: 8; y: 2 }
83 XyPoint { x: 9; y: 1 }
81 XyPoint { x: 9; y: 1 }
84 XyPoint { x: 10; y: 3 }
82 XyPoint { x: 10; y: 3 }
85 XyPoint { x: 11; y: 3 }
83 XyPoint { x: 11; y: 3 }
86 }
84 }
87 lowerSeries: LineSeries {
85 lowerSeries: LineSeries {
88 XyPoint { x: 0; y: 0 }
86 XyPoint { x: 0; y: 0 }
89 XyPoint { x: 1; y: 0 }
87 XyPoint { x: 1; y: 0 }
90 XyPoint { x: 2; y: 0 }
88 XyPoint { x: 2; y: 0 }
91 XyPoint { x: 3; y: 0 }
89 XyPoint { x: 3; y: 0 }
92 XyPoint { x: 4; y: 0 }
90 XyPoint { x: 4; y: 0 }
93 XyPoint { x: 5; y: 0 }
91 XyPoint { x: 5; y: 0 }
94 XyPoint { x: 6; y: 0 }
92 XyPoint { x: 6; y: 0 }
95 XyPoint { x: 7; y: 0 }
93 XyPoint { x: 7; y: 0 }
96 XyPoint { x: 8; y: 0 }
94 XyPoint { x: 8; y: 0 }
97 XyPoint { x: 9; y: 0 }
95 XyPoint { x: 9; y: 0 }
98 XyPoint { x: 10; y: 0 }
96 XyPoint { x: 10; y: 0 }
99 XyPoint { x: 11; y: 0 }
97 XyPoint { x: 11; y: 0 }
100 }
98 }
101 onClicked: {
99 onClicked: {
102 color = "yellow";
100 color = "yellow";
103 borderColor = "blue";
101 borderColor = "blue";
104 }
102 }
105 }
103 }
106
104
107 AreaSeries {
105 AreaSeries {
108 name: "Finnish"
106 name: "Finnish"
109 upperSeries: LineSeries {
107 upperSeries: LineSeries {
110 XyPoint { x: 0; y: 0 }
108 XyPoint { x: 0; y: 0 }
111 XyPoint { x: 1; y: 0 }
109 XyPoint { x: 1; y: 0 }
112 XyPoint { x: 2; y: 0 }
110 XyPoint { x: 2; y: 0 }
113 XyPoint { x: 3; y: 0 }
111 XyPoint { x: 3; y: 0 }
114 XyPoint { x: 4; y: 0 }
112 XyPoint { x: 4; y: 0 }
115 XyPoint { x: 5; y: 0 }
113 XyPoint { x: 5; y: 0 }
116 XyPoint { x: 6; y: 1 }
114 XyPoint { x: 6; y: 1 }
117 XyPoint { x: 7; y: 0 }
115 XyPoint { x: 7; y: 0 }
118 XyPoint { x: 8; y: 0 }
116 XyPoint { x: 8; y: 0 }
119 XyPoint { x: 9; y: 0 }
117 XyPoint { x: 9; y: 0 }
120 XyPoint { x: 10; y: 0 }
118 XyPoint { x: 10; y: 0 }
121 XyPoint { x: 11; y: 1 }
119 XyPoint { x: 11; y: 1 }
122 }
120 }
123 lowerSeries: LineSeries {
121 lowerSeries: LineSeries {
124 XyPoint { x: 0; y: 0 }
122 XyPoint { x: 0; y: 0 }
125 XyPoint { x: 1; y: 0 }
123 XyPoint { x: 1; y: 0 }
126 XyPoint { x: 2; y: 0 }
124 XyPoint { x: 2; y: 0 }
127 XyPoint { x: 3; y: 0 }
125 XyPoint { x: 3; y: 0 }
128 XyPoint { x: 4; y: 0 }
126 XyPoint { x: 4; y: 0 }
129 XyPoint { x: 5; y: 0 }
127 XyPoint { x: 5; y: 0 }
130 XyPoint { x: 6; y: 0 }
128 XyPoint { x: 6; y: 0 }
131 XyPoint { x: 7; y: 0 }
129 XyPoint { x: 7; y: 0 }
132 XyPoint { x: 8; y: 0 }
130 XyPoint { x: 8; y: 0 }
133 XyPoint { x: 9; y: 0 }
131 XyPoint { x: 9; y: 0 }
134 XyPoint { x: 10; y: 0 }
132 XyPoint { x: 10; y: 0 }
135 XyPoint { x: 11; y: 0 }
133 XyPoint { x: 11; y: 0 }
136 }
134 }
137 onClicked: {
135 onClicked: {
138 color = "white";
136 color = "white";
139 borderColor = "blue";
137 borderColor = "blue";
140 }
138 }
141 }
139 }
142 }
140 }
143 }
141 }
Show file before | Show file after | Hide comments
@@ -1,56 +1,56
1 /****************************************************************************
1 /****************************************************************************
2 **
2 **
3 ** Copyright (C) 2012 Digia Plc
3 ** Copyright (C) 2012 Digia Plc
4 ** All rights reserved.
4 ** All rights reserved.
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
6 **
6 **
7 ** This file is part of the Qt Commercial Charts Add-on.
7 ** This file is part of the Qt Commercial Charts Add-on.
8 **
8 **
9 ** $QT_BEGIN_LICENSE$
9 ** $QT_BEGIN_LICENSE$
10 ** Licensees holding valid Qt Commercial licenses may use this file in
10 ** Licensees holding valid Qt Commercial licenses may use this file in
11 ** accordance with the Qt Commercial License Agreement provided with the
11 ** accordance with the Qt Commercial License Agreement provided with the
12 ** Software or, alternatively, in accordance with the terms contained in
12 ** Software or, alternatively, in accordance with the terms contained in
13 ** a written agreement between you and Digia.
13 ** a written agreement between you and Digia.
14 **
14 **
15 ** If you have questions regarding the use of this file, please use
15 ** If you have questions regarding the use of this file, please use
16 ** contact form at http://qt.digia.com
16 ** contact form at http://qt.digia.com
17 ** $QT_END_LICENSE$
17 ** $QT_END_LICENSE$
18 **
18 **
19 ****************************************************************************/
19 ****************************************************************************/
20
20
21 import QtQuick 1.0
21 import QtQuick 1.0
22 import QtCommercial.Chart 1.0
22 import QtCommercial.Chart 1.0
23
23
24 Rectangle {
24 Rectangle {
25 anchors.fill: parent
25 anchors.fill: parent
26
26
27 //![1]
27 ChartView {
28 ChartView {
28 title: "Scatters"
29 title: "Scatters"
29 anchors.fill: parent
30 anchors.fill: parent
30 theme: ChartView.ChartThemeBlueCerulean
31 axisX.max: 4
32 axisY.max: 4
33
31
34 ScatterSeries {
32 ScatterSeries {
35 id: scatter1
33 id: scatter1
36 name: "Scatter1"
34 name: "Scatter1"
37 XyPoint { x: 1.5; y: 1.5 }
35 XyPoint { x: 1.5; y: 1.5 }
38 XyPoint { x: 1.5; y: 1.6 }
36 XyPoint { x: 1.5; y: 1.6 }
39 XyPoint { x: 1.57; y: 1.55 }
37 XyPoint { x: 1.57; y: 1.55 }
40 XyPoint { x: 1.8; y: 1.8 }
38 XyPoint { x: 1.8; y: 1.8 }
41 XyPoint { x: 1.9; y: 1.6 }
39 XyPoint { x: 1.9; y: 1.6 }
42 XyPoint { x: 2.1; y: 1.3 }
40 XyPoint { x: 2.1; y: 1.3 }
43 XyPoint { x: 2.5; y: 2.1 }
41 XyPoint { x: 2.5; y: 2.1 }
44 }
42 }
45
43
46 ScatterSeries {
44 ScatterSeries {
47 name: "Scatter2"
45 name: "Scatter2"
46 // ...
47 //![1]
48 XyPoint { x: 2.0; y: 2.0 }
48 XyPoint { x: 2.0; y: 2.0 }
49 XyPoint { x: 2.0; y: 2.1 }
49 XyPoint { x: 2.0; y: 2.1 }
50 XyPoint { x: 2.07; y: 2.05 }
50 XyPoint { x: 2.07; y: 2.05 }
51 XyPoint { x: 2.2; y: 2.9 }
51 XyPoint { x: 2.2; y: 2.9 }
52 XyPoint { x: 2.4; y: 2.7 }
52 XyPoint { x: 2.4; y: 2.7 }
53 XyPoint { x: 2.67; y: 2.65 }
53 XyPoint { x: 2.67; y: 2.65 }
54 }
54 }
55 }
55 }
56 }
56 }
Show file before | Show file after | Hide comments
@@ -1,40 +1,41
1 /****************************************************************************
1 /****************************************************************************
2 **
2 **
3 ** Copyright (C) 2012 Digia Plc
3 ** Copyright (C) 2012 Digia Plc
4 ** All rights reserved.
4 ** All rights reserved.
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
6 **
6 **
7 ** This file is part of the Qt Commercial Charts Add-on.
7 ** This file is part of the Qt Commercial Charts Add-on.
8 **
8 **
9 ** $QT_BEGIN_LICENSE$
9 ** $QT_BEGIN_LICENSE$
10 ** Licensees holding valid Qt Commercial licenses may use this file in
10 ** Licensees holding valid Qt Commercial licenses may use this file in
11 ** accordance with the Qt Commercial License Agreement provided with the
11 ** accordance with the Qt Commercial License Agreement provided with the
12 ** Software or, alternatively, in accordance with the terms contained in
12 ** Software or, alternatively, in accordance with the terms contained in
13 ** a written agreement between you and Digia.
13 ** a written agreement between you and Digia.
14 **
14 **
15 ** If you have questions regarding the use of this file, please use
15 ** If you have questions regarding the use of this file, please use
16 ** contact form at http://qt.digia.com
16 ** contact form at http://qt.digia.com
17 ** $QT_END_LICENSE$
17 ** $QT_END_LICENSE$
18 **
18 **
19 ****************************************************************************/
19 ****************************************************************************/
20
20
21 import QtQuick 1.0
21 import QtQuick 1.0
22 import QtCommercial.Chart 1.0
22 import QtCommercial.Chart 1.0
23
23
24 Rectangle {
24 Rectangle {
25 anchors.fill: parent
25 anchors.fill: parent
26
26
27 //![1]
27 ChartView {
28 ChartView {
28 title: "Bar series"
29 title: "Bar series"
29 anchors.fill: parent
30 anchors.fill: parent
30 theme: ChartView.ChartThemeLight
31 legend.alignment: Qt.AlignBottom
31 legend.alignment: Qt.AlignBottom
32 axisXLabels: ["0", "2007", "1", "2008", "2", "2009", "3", "2010", "4", "2011", "5", "2012"]
32 axisXLabels: ["0", "2007", "1", "2008", "2", "2009", "3", "2010", "4", "2011", "5", "2012"]
33
33
34 GroupedBarSeries {
34 GroupedBarSeries {
35 BarSet { name: "Bob"; values: [2, 2, 3, 4, 5, 6] }
35 BarSet { name: "Bob"; values: [2, 2, 3, 4, 5, 6] }
36 BarSet { name: "Susan"; values: [5, 1, 2, 4, 1, 7] }
36 BarSet { name: "Susan"; values: [5, 1, 2, 4, 1, 7] }
37 BarSet { name: "James"; values: [3, 5, 8, 13, 5, 8] }
37 BarSet { name: "James"; values: [3, 5, 8, 13, 5, 8] }
38 }
38 }
39 }
39 }
40 //![1]
40 }
41 }
Show file before | Show file after | Hide comments
@@ -1,86 +1,86
1 /****************************************************************************
1 /****************************************************************************
2 **
2 **
3 ** Copyright (C) 2012 Digia Plc
3 ** Copyright (C) 2012 Digia Plc
4 ** All rights reserved.
4 ** All rights reserved.
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
5 ** For any questions to Digia, please use contact form at http://qt.digia.com
6 **
6 **
7 ** This file is part of the Qt Commercial Charts Add-on.
7 ** This file is part of the Qt Commercial Charts Add-on.
8 **
8 **
9 ** $QT_BEGIN_LICENSE$
9 ** $QT_BEGIN_LICENSE$
10 ** Licensees holding valid Qt Commercial licenses may use this file in
10 ** Licensees holding valid Qt Commercial licenses may use this file in
11 ** accordance with the Qt Commercial License Agreement provided with the
11 ** accordance with the Qt Commercial License Agreement provided with the
12 ** Software or, alternatively, in accordance with the terms contained in
12 ** Software or, alternatively, in accordance with the terms contained in
13 ** a written agreement between you and Digia.
13 ** a written agreement between you and Digia.
14 **
14 **
15 ** If you have questions regarding the use of this file, please use
15 ** If you have questions regarding the use of this file, please use
16 ** contact form at http://qt.digia.com
16 ** contact form at http://qt.digia.com
17 ** $QT_END_LICENSE$
17 ** $QT_END_LICENSE$
18 **
18 **
19 ****************************************************************************/
19 ****************************************************************************/
20
20
21 import QtQuick 1.0
21 import QtQuick 1.0
22 import QtCommercial.Chart 1.0
22 import QtCommercial.Chart 1.0
23
23
24 Rectangle {
24 Rectangle {
25 width: parent.width
25 width: parent.width
26 height: parent.height
26 height: parent.height
27 property int viewNumber: 1
27 property int viewNumber: 1
28
28
29 Loader {
29 Loader {
30 id: loader
30 id: loader
31 anchors.top: parent.top
31 anchors.top: parent.top
32 anchors.bottom: buttons.top
32 anchors.bottom: buttons.top
33 anchors.left: parent.left
33 anchors.left: parent.left
34 anchors.right: parent.right
34 anchors.right: parent.right
35 source: "View" + viewNumber + ".qml";
35 source: "View" + viewNumber + ".qml";
36 }
36 }
37
37
38 Row {
38 Row {
39 id: buttons
39 id: buttons
40 anchors.bottom: parent.bottom
40 anchors.bottom: parent.bottom
41 anchors.bottomMargin: 5
41 anchors.bottomMargin: 5
42 anchors.horizontalCenter: parent.horizontalCenter
42 anchors.horizontalCenter: parent.horizontalCenter
43 spacing: 10
43 spacing: 10
44
44
45 Rectangle {
45 Rectangle {
46 height: 35
46 height: 35
47 width: 55
47 width: 60
48 color: "grey"
48 color: "#c8955c"
49 radius: 5
49 radius: 5
50 Text {
50 Text {
51 anchors.centerIn: parent
51 anchors.centerIn: parent
52 text: "previous"
52 text: "<"
53 }
53 }
54 MouseArea {
54 MouseArea {
55 anchors.fill: parent
55 anchors.fill: parent
56 onClicked: {
56 onClicked: {
57 var i = viewNumber - 1;
57 var i = viewNumber - 1;
58 if (i <= 0)
58 if (i <= 0)
59 viewNumber = 5;
59 viewNumber = 5;
60 else
60 else
61 viewNumber = i;
61 viewNumber = i;
62 }
62 }
63 }
63 }
64 }
64 }
65 Rectangle {
65 Rectangle {
66 height: 35
66 height: 35
67 width: 55
67 width: 60
68 color: "grey"
68 color: "#c8955c"
69 radius: 5
69 radius: 5
70 Text {
70 Text {
71 anchors.centerIn: parent
71 anchors.centerIn: parent
72 text: "next"
72 text: ">"
73 }
73 }
74 MouseArea {
74 MouseArea {
75 anchors.fill: parent
75 anchors.fill: parent
76 onClicked: {
76 onClicked: {
77 var i = viewNumber + 1;
77 var i = viewNumber + 1;
78 if (i > 5)
78 if (i > 5)
79 viewNumber = 1;
79 viewNumber = 1;
80 else
80 else
81 viewNumber = i;
81 viewNumber = i;
82 }
82 }
83 }
83 }
84 }
84 }
85 }
85 }
86 }
86 }
Show file before | Show file after | Hide comments
1 NO CONTENT: modified file, binary diff hidden
NO CONTENT: modified file, binary diff hidden
Show file before | Show file after | Hide comments
1 NO CONTENT: modified file, binary diff hidden
NO CONTENT: modified file, binary diff hidden
Show file before | Show file after | Hide comments
1 NO CONTENT: modified file, binary diff hidden
NO CONTENT: modified file, binary diff hidden
Show file before | Show file after | Hide comments
@@ -1,7 +1,27
1 /*!
1 /*!
2 \example demos/qmlchart
2 \example demos/qmlchart
3 \title Qml charts demo
3 \title Qml charts demo
4 \subtitle
4 \subtitle
5
5
6 This is a basic demonstration how to use the different chart types by using qml.
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:
8 \snippet ../demos/qmlchart/qml/qmlchart/View1.qml 1
9 \image demos_qmlchart1.png
10
11 To create a chart with line and spline series:
12 \snippet ../demos/qmlchart/qml/qmlchart/View2.qml 1
13 \image demos_qmlchart2.png
14
15 Then we create a chart that illustrates the success of Russian, Swedish and Finnish ice-hockey players in the
16 NHL All-Star player selections by using three area series:
17 \snippet ../demos/qmlchart/qml/qmlchart/View3.qml 1
18 \image demos_qmlchart3.png
19
20 Then couple of scatter series:
21 \snippet ../demos/qmlchart/qml/qmlchart/View4.qml 1
22 \image demos_qmlchart4.png
23
24 And finally a bar series:
25 \snippet ../demos/qmlchart/qml/qmlchart/View5.qml 1
26 \image demos_qmlchart5.png
7 */
27 */
Show file before | Show file after | Hide comments
@@ -1,29 +1,31
1 /*!
1 /*!
2 \example examples/legend
2 \example examples/legend
3 \title Legend Example
3 \title Legend Example
4 \subtitle
4 \subtitle
5
5
6 This example shows how to detach legend from chart and how to attach it back. By default the chart
6 This example shows how to detach legend from chart and how to attach it back. By default the chart
7 draws the legend inside same view with the chart. In some cases user may want to draw legend to somewhere else. To make this possible the legend can be detached from the chart. Detaching means that chart doesn't draw the legend or try to change it's layout. Detached can then be drawn where user wants, for example in different graphics scene. In this example we do so.
7 draws the legend inside same view with the chart. In some cases user may want to draw legend to somewhere else. To make this possible the legend can be detached from the chart. Detaching means that chart doesn't draw the legend or try to change it's layout. Detached can then be drawn where user wants, for example in different graphics scene. In this example we do so.
8
8
9 \image examples_legend_detach.png
10
9 First we create our chart as usual.
11 First we create our chart as usual.
10
12
11 \snippet ../examples/legend/mainwidget.cpp 1
13 \snippet ../examples/legend/mainwidget.cpp 1
12
14
13 Here we create custom graphics scene, where we want to draw the detached legend.
15 Here we create custom graphics scene, where we want to draw the detached legend.
14
16
15 \snippet ../examples/legend/mainwidget.cpp 2
17 \snippet ../examples/legend/mainwidget.cpp 2
16
18
17 Add some series to the chart.
19 Add some series to the chart.
18
20
19 \snippet ../examples/legend/mainwidget.cpp 3
21 \snippet ../examples/legend/mainwidget.cpp 3
20
22
21 Here we detach the legend. After detaching, we set new geometry for it and add it to the custom scene. The custom scene adopts the legend and becomes new parent for it. Note that chart will still update the contents of the legend.
23 Here we detach the legend. After detaching, we set new geometry for it and add it to the custom scene. The custom scene adopts the legend and becomes new parent for it. Note that chart will still update the contents of the legend.
22
24
23 \snippet ../examples/legend/mainwidget.cpp 4
25 \snippet ../examples/legend/mainwidget.cpp 4
24
26
25 To attach legend back to chart we first remove it from the custom scene. Then we add legend to the scene, where chart is. Last we attach legend to chart. Attaching legend to chart automatically sets the QChart as parent for legend.
27 To attach legend back to chart we first remove it from the custom scene. Then we add legend to the scene, where chart is. Last we attach legend to chart. Attaching legend to chart automatically sets the QChart as parent for legend.
26
28
27 \snippet ../examples/legend/mainwidget.cpp 5
29 \snippet ../examples/legend/mainwidget.cpp 5
28
30
29 */
31 */
General Comments 0
You need to be logged in to leave comments. Login now