@@ -22,53 +22,30 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 | anchors.fill: parent | |
26 | height: parent.height |
|
|||
27 |
|
||||
28 | // Another option for QML data api: |
|
|||
29 | // ListModel { |
|
|||
30 | // id: listModelForPie |
|
|||
31 | // // PieDataElement |
|
|||
32 | // ListElement { |
|
|||
33 | // label: "Apple" |
|
|||
34 | // value: 4.3 |
|
|||
35 | // } |
|
|||
36 | // ListElement { |
|
|||
37 | // label: "Blackberry" |
|
|||
38 | // value: 15.1 |
|
|||
39 | // } |
|
|||
40 | // } |
|
|||
41 |
|
||||
42 | Component.onCompleted: { |
|
|||
43 | // console.log("model:" + myModel.item(0)); |
|
|||
44 | // myModel.insert(1, {"time":1.4; "speed":41.1 }); |
|
|||
45 | // scatter.appendData(); |
|
|||
46 | // chart1.theme = Chart.ThemeHighContrast; |
|
|||
47 | // chart2.theme = Chart.ThemeHighContrast; |
|
|||
48 | } |
|
|||
49 |
|
26 | |||
50 | Chart { |
|
27 | Chart { | |
51 | id: chart1 |
|
28 | title: "Car brand shares in Finland" | |
52 | anchors.fill: parent |
|
29 | anchors.fill: parent | |
53 |
theme: Chart.ChartTheme |
|
30 | theme: Chart.ChartThemeLight | |
54 |
|
||||
55 | BarSeries { |
|
|||
56 | barCategories: [ "2008", "2009", "2010", "2011", "2012" ] |
|
|||
57 | // TBD: data |
|
|||
58 | } |
|
|||
59 |
|
31 | |||
60 | PieSeries { |
|
32 | PieSeries { | |
61 | horizontalPosition: 0.2 |
|
33 | horizontalPosition: 0.2 | |
62 | verticalPosition: 0.3 |
|
34 | verticalPosition: 0.3 | |
63 | size: 0.4 |
|
35 | size: 0.4 | |
64 | endAngle: 0.52 * 360 // The share of "others" is 52% |
|
|||
65 |
|
|
36 | slices: [ | |
66 | PieSlice { label: "Volkswagen"; value: 13.5 }, |
|
37 | PieSlice { label: "Volkswagen"; value: 13.5 }, | |
67 | PieSlice { label: "Toyota"; value: 10.9 }, |
|
38 | PieSlice { label: "Toyota"; value: 10.9 }, | |
68 | PieSlice { label: "Ford"; value: 8.6 }, |
|
39 | PieSlice { label: "Ford"; value: 8.6 }, | |
69 | PieSlice { label: "Skoda"; value: 8.2 }, |
|
40 | PieSlice { label: "Skoda"; value: 8.2 }, | |
70 | PieSlice { label: "Volvo"; value: 6.8 } |
|
41 | PieSlice { label: "Volvo"; value: 6.8 }, | |
|
42 | PieSlice { label: "Others"; value: 52.0 } | |||
71 | ] |
|
43 | ] | |
72 | } |
|
44 | } | |
|
45 | ||||
|
46 | BarSeries { | |||
|
47 | barCategories: [ "2008", "2009", "2010", "2011", "2012" ] | |||
|
48 | // data implementation missing | |||
|
49 | } | |||
73 | } |
|
50 | } | |
74 | } |
|
51 | } |
@@ -25,6 +25,7 Rectangle { | |||||
25 | anchors.fill: parent |
|
25 | anchors.fill: parent | |
26 |
|
26 | |||
27 | Chart { |
|
27 | Chart { | |
|
28 | title: "Line&Spline" | |||
28 | anchors.fill: parent |
|
29 | anchors.fill: parent | |
29 | theme: Chart.ChartThemeBrownSand |
|
30 | theme: Chart.ChartThemeBrownSand | |
30 |
|
31 | |||
@@ -33,8 +34,10 Rectangle { | |||||
33 | points: [ |
|
34 | points: [ | |
34 | XyPoint { x: 0.0; y: 0.0 }, |
|
35 | XyPoint { x: 0.0; y: 0.0 }, | |
35 | XyPoint { x: 1.1; y: 2.1 }, |
|
36 | XyPoint { x: 1.1; y: 2.1 }, | |
|
37 | XyPoint { x: 1.9; y: 3.3 }, | |||
36 | XyPoint { x: 2.9; y: 4.9 }, |
|
38 | XyPoint { x: 2.9; y: 4.9 }, | |
37 | XyPoint { x: 3.2; y: 3.0 } |
|
39 | XyPoint { x: 3.2; y: 3.0 }, | |
|
40 | XyPoint { x: 4.0; y: 3.3 } | |||
38 | ] |
|
41 | ] | |
39 | } |
|
42 | } | |
40 |
|
43 | |||
@@ -43,8 +46,11 Rectangle { | |||||
43 | points: [ |
|
46 | points: [ | |
44 | XyPoint { x: 0.0; y: 0.3 }, |
|
47 | XyPoint { x: 0.0; y: 0.3 }, | |
45 | XyPoint { x: 1.1; y: 3.2 }, |
|
48 | XyPoint { x: 1.1; y: 3.2 }, | |
46 |
XyPoint { x: |
|
49 | XyPoint { x: 1.7; y: 2.4 }, | |
47 |
XyPoint { x: |
|
50 | XyPoint { x: 2.1; y: 2.1 }, | |
|
51 | XyPoint { x: 2.9; y: 2.6 }, | |||
|
52 | XyPoint { x: 3.4; y: 2.3 }, | |||
|
53 | XyPoint { x: 4.1; y: 3.1 } | |||
48 | ] |
|
54 | ] | |
49 | } |
|
55 | } | |
50 | } |
|
56 | } |
@@ -25,45 +25,103 Rectangle { | |||||
25 | anchors.fill: parent |
|
25 | anchors.fill: parent | |
26 |
|
26 | |||
27 | Chart { |
|
27 | Chart { | |
|
28 | title: "NHL All-Star Team Players" | |||
28 | anchors.fill: parent |
|
29 | anchors.fill: parent | |
29 | theme: Chart.ChartThemeHighContrast |
|
30 | theme: Chart.ChartThemeHighContrast | |
30 |
|
31 | |||
31 | AreaSeries { |
|
32 | AreaSeries { | |
32 |
name: " |
|
33 | name: "Finnish" | |
33 | points: [ |
|
34 | points: [ | |
34 |
XyPoint { x: 0 |
|
35 | XyPoint { x: 0; y: 0 }, | |
35 |
XyPoint { x: |
|
36 | XyPoint { x: 1; y: 0 }, | |
36 |
XyPoint { x: |
|
37 | XyPoint { x: 2; y: 0 }, | |
|
38 | XyPoint { x: 3; y: 0 }, | |||
|
39 | XyPoint { x: 4; y: 0 }, | |||
|
40 | XyPoint { x: 5; y: 0 }, | |||
|
41 | XyPoint { x: 6; y: 1 }, | |||
|
42 | XyPoint { x: 7; y: 0 }, | |||
|
43 | XyPoint { x: 8; y: 0 }, | |||
|
44 | XyPoint { x: 9; y: 0 }, | |||
|
45 | XyPoint { x: 10; y: 0 }, | |||
|
46 | XyPoint { x: 11; y: 1 } | |||
37 | ] |
|
47 | ] | |
38 | lowerPoints: [ |
|
48 | lowerPoints: [ | |
39 |
XyPoint { x: 0 |
|
49 | XyPoint { x: 0; y: 0 }, | |
40 |
XyPoint { x: |
|
50 | XyPoint { x: 1; y: 0 }, | |
41 |
XyPoint { x: |
|
51 | XyPoint { x: 2; y: 0 }, | |
|
52 | XyPoint { x: 3; y: 0 }, | |||
|
53 | XyPoint { x: 4; y: 0 }, | |||
|
54 | XyPoint { x: 5; y: 0 }, | |||
|
55 | XyPoint { x: 6; y: 0 }, | |||
|
56 | XyPoint { x: 7; y: 0 }, | |||
|
57 | XyPoint { x: 8; y: 0 }, | |||
|
58 | XyPoint { x: 9; y: 0 }, | |||
|
59 | XyPoint { x: 10; y: 0 }, | |||
|
60 | XyPoint { x: 11; y: 0 } | |||
42 | ] |
|
61 | ] | |
43 | } |
|
62 | } | |
44 |
|
63 | |||
45 |
|
|
64 | AreaSeries { | |
46 |
name: " |
|
65 | name: "Russian" | |
47 | points: [ |
|
66 | points: [ | |
48 |
XyPoint { x: |
|
67 | XyPoint { x: 0; y: 1 }, | |
49 |
XyPoint { x: 1 |
|
68 | XyPoint { x: 1; y: 1 }, | |
50 |
XyPoint { x: |
|
69 | XyPoint { x: 2; y: 1 }, | |
|
70 | XyPoint { x: 3; y: 1 }, | |||
|
71 | XyPoint { x: 4; y: 1 }, | |||
|
72 | XyPoint { x: 5; y: 0 }, | |||
|
73 | XyPoint { x: 6; y: 1 }, | |||
|
74 | XyPoint { x: 7; y: 1 }, | |||
|
75 | XyPoint { x: 8; y: 4 }, | |||
|
76 | XyPoint { x: 9; y: 3 }, | |||
|
77 | XyPoint { x: 10; y: 2 }, | |||
|
78 | XyPoint { x: 11; y: 1 } | |||
51 | ] |
|
79 | ] | |
52 | } |
|
80 | lowerPoints: [ | |
53 | ScatterSeries { |
|
81 | XyPoint { x: 0; y: 0 }, | |
54 | name: "Scatter2" |
|
82 | XyPoint { x: 1; y: 0 }, | |
55 |
|
|
83 | XyPoint { x: 2; y: 0 }, | |
56 |
XyPoint { x: |
|
84 | XyPoint { x: 3; y: 0 }, | |
57 |
XyPoint { x: |
|
85 | XyPoint { x: 4; y: 0 }, | |
58 |
XyPoint { x: |
|
86 | XyPoint { x: 5; y: 0 }, | |
|
87 | XyPoint { x: 6; y: 0 }, | |||
|
88 | XyPoint { x: 7; y: 0 }, | |||
|
89 | XyPoint { x: 8; y: 0 }, | |||
|
90 | XyPoint { x: 9; y: 0 }, | |||
|
91 | XyPoint { x: 10; y: 0 }, | |||
|
92 | XyPoint { x: 11; y: 0 } | |||
59 | ] |
|
93 | ] | |
60 | } |
|
94 | } | |
61 | ScatterSeries { |
|
95 | ||
62 | name: "Scatter3" |
|
96 | AreaSeries { | |
|
97 | name: "Swedish" | |||
63 | points: [ |
|
98 | points: [ | |
64 |
XyPoint { x: |
|
99 | XyPoint { x: 0; y: 1 }, | |
65 |
XyPoint { x: |
|
100 | XyPoint { x: 1; y: 1 }, | |
66 |
XyPoint { x: 2 |
|
101 | XyPoint { x: 2; y: 3 }, | |
|
102 | XyPoint { x: 3; y: 3 }, | |||
|
103 | XyPoint { x: 4; y: 2 }, | |||
|
104 | XyPoint { x: 5; y: 0 }, | |||
|
105 | XyPoint { x: 6; y: 2 }, | |||
|
106 | XyPoint { x: 7; y: 1 }, | |||
|
107 | XyPoint { x: 8; y: 2 }, | |||
|
108 | XyPoint { x: 9; y: 1 }, | |||
|
109 | XyPoint { x: 10; y: 3 }, | |||
|
110 | XyPoint { x: 11; y: 3 } | |||
|
111 | ] | |||
|
112 | lowerPoints: [ | |||
|
113 | XyPoint { x: 0; y: 0 }, | |||
|
114 | XyPoint { x: 1; y: 0 }, | |||
|
115 | XyPoint { x: 2; y: 0 }, | |||
|
116 | XyPoint { x: 3; y: 0 }, | |||
|
117 | XyPoint { x: 4; y: 0 }, | |||
|
118 | XyPoint { x: 5; y: 0 }, | |||
|
119 | XyPoint { x: 6; y: 0 }, | |||
|
120 | XyPoint { x: 7; y: 0 }, | |||
|
121 | XyPoint { x: 8; y: 0 }, | |||
|
122 | XyPoint { x: 9; y: 0 }, | |||
|
123 | XyPoint { x: 10; y: 0 }, | |||
|
124 | XyPoint { x: 11; y: 0 } | |||
67 | ] |
|
125 | ] | |
68 | } |
|
126 | } | |
69 | } |
|
127 | } |
@@ -31,9 +31,8 Rectangle { | |||||
31 | running: true |
|
31 | running: true | |
32 | repeat: true |
|
32 | repeat: true | |
33 | interval: 5000 |
|
33 | interval: 5000 | |
34 |
triggeredOnStart: |
|
34 | triggeredOnStart: false | |
35 | onTriggered: { |
|
35 | onTriggered: { | |
36 | loader.source = "View" + (__viewNumber % 3 + 1) + ".qml"; |
|
|||
37 | __viewNumber++; |
|
36 | __viewNumber++; | |
38 | } |
|
37 | } | |
39 | } |
|
38 | } | |
@@ -41,13 +40,13 Rectangle { | |||||
41 | Loader { |
|
40 | Loader { | |
42 | id: loader |
|
41 | id: loader | |
43 | anchors.fill: parent |
|
42 | anchors.fill: parent | |
|
43 | source: "View" + (__viewNumber % 4 + 1) + ".qml"; | |||
44 | } |
|
44 | } | |
45 |
|
45 | |||
46 | MouseArea { |
|
46 | MouseArea { | |
47 | anchors.fill: parent |
|
47 | anchors.fill: parent | |
48 | onClicked: { |
|
48 | onClicked: { | |
49 | timer.restart(); |
|
49 | timer.restart(); | |
50 | loader.source = "View" + (__viewNumber % 3 + 1) + ".qml"; |
|
|||
51 | __viewNumber++; |
|
50 | __viewNumber++; | |
52 | } |
|
51 | } | |
53 | } |
|
52 | } |
@@ -5,5 +5,6 | |||||
5 | <file>qml/qmlchart/View1.qml</file> |
|
5 | <file>qml/qmlchart/View1.qml</file> | |
6 | <file>qml/qmlchart/View2.qml</file> |
|
6 | <file>qml/qmlchart/View2.qml</file> | |
7 | <file>qml/qmlchart/View3.qml</file> |
|
7 | <file>qml/qmlchart/View3.qml</file> | |
|
8 | <file>qml/qmlchart/View4.qml</file> | |||
8 | </qresource> |
|
9 | </qresource> | |
9 | </RCC> |
|
10 | </RCC> |
General Comments 0
You need to be logged in to leave comments.
Login now