1 | NO CONTENT: new file 100644, binary diff hidden |
|
NO CONTENT: new file 100644, binary diff hidden |
1 | NO CONTENT: new file 100644, binary diff hidden |
|
NO CONTENT: new file 100644, binary diff hidden |
1 | NO CONTENT: new file 100644, binary diff hidden |
|
NO CONTENT: new file 100644, binary diff hidden |
1 | NO CONTENT: new file 100644, binary diff hidden |
|
NO CONTENT: new file 100644, binary diff hidden |
1 | NO CONTENT: new file 100644, binary diff hidden |
|
NO CONTENT: new file 100644, binary diff hidden |
1 | NO CONTENT: new file 100644, binary diff hidden |
|
NO CONTENT: new file 100644, binary diff hidden |
@@ -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 |
|
|
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 | } |
@@ -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 | } |
@@ -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 | } |
@@ -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 | } |
@@ -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 | } |
@@ -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: |
|
47 | width: 60 | |
48 |
color: " |
|
48 | color: "#c8955c" | |
49 | radius: 5 |
|
49 | radius: 5 | |
50 | Text { |
|
50 | Text { | |
51 | anchors.centerIn: parent |
|
51 | anchors.centerIn: parent | |
52 |
text: " |
|
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: |
|
67 | width: 60 | |
68 |
color: " |
|
68 | color: "#c8955c" | |
69 | radius: 5 |
|
69 | radius: 5 | |
70 | Text { |
|
70 | Text { | |
71 | anchors.centerIn: parent |
|
71 | anchors.centerIn: parent | |
72 |
text: " |
|
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 | } |
1 | NO CONTENT: modified file, binary diff hidden |
|
NO CONTENT: modified file, binary diff hidden |
1 | NO CONTENT: modified file, binary diff hidden |
|
NO CONTENT: modified file, binary diff hidden |
1 | NO CONTENT: modified file, binary diff hidden |
|
NO CONTENT: modified file, binary diff hidden |
@@ -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 | */ |
@@ -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