@@ -1,107 +1,108 | |||||
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.1 |
|
22 | import QtCommercial.Chart 1.1 | |
23 |
|
23 | |||
24 | Rectangle { |
|
24 | Rectangle { | |
25 | anchors.fill: parent |
|
25 | anchors.fill: parent | |
26 |
|
26 | |||
27 | //![1] |
|
27 | //![1] | |
28 | ChartView { |
|
28 | ChartView { | |
29 | title: "NHL All-Star Team Players" |
|
29 | title: "NHL All-Star Team Players" | |
30 | anchors.fill: parent |
|
30 | anchors.fill: parent | |
31 |
|
31 | |||
32 | ValueAxis { |
|
32 | ValueAxis { | |
33 | id: valueAxis |
|
33 | id: valueAxis | |
34 | min: 2000 |
|
34 | min: 2000 | |
35 | max: 2011 |
|
35 | max: 2011 | |
36 | tickCount: 12 |
|
36 | tickCount: 12 | |
|
37 | labelFormat: "%.0f" | |||
37 | } |
|
38 | } | |
38 |
|
39 | |||
39 | AreaSeries { |
|
40 | AreaSeries { | |
40 | name: "Russian" |
|
41 | name: "Russian" | |
41 | color: "#FFD52B1E" |
|
42 | color: "#FFD52B1E" | |
42 | borderColor: "#FF0039A5" |
|
43 | borderColor: "#FF0039A5" | |
43 | borderWidth: 3 |
|
44 | borderWidth: 3 | |
44 | axisX: valueAxis |
|
45 | axisX: valueAxis | |
45 | upperSeries: LineSeries { |
|
46 | upperSeries: LineSeries { | |
46 | XYPoint { x: 2000; y: 1 } |
|
47 | XYPoint { x: 2000; y: 1 } | |
47 | XYPoint { x: 2001; y: 1 } |
|
48 | XYPoint { x: 2001; y: 1 } | |
48 | XYPoint { x: 2002; y: 1 } |
|
49 | XYPoint { x: 2002; y: 1 } | |
49 | XYPoint { x: 2003; y: 1 } |
|
50 | XYPoint { x: 2003; y: 1 } | |
50 | XYPoint { x: 2004; y: 1 } |
|
51 | XYPoint { x: 2004; y: 1 } | |
51 | XYPoint { x: 2005; y: 0 } |
|
52 | XYPoint { x: 2005; y: 0 } | |
52 | XYPoint { x: 2006; y: 1 } |
|
53 | XYPoint { x: 2006; y: 1 } | |
53 | XYPoint { x: 2007; y: 1 } |
|
54 | XYPoint { x: 2007; y: 1 } | |
54 | XYPoint { x: 2008; y: 4 } |
|
55 | XYPoint { x: 2008; y: 4 } | |
55 | XYPoint { x: 2009; y: 3 } |
|
56 | XYPoint { x: 2009; y: 3 } | |
56 | XYPoint { x: 2010; y: 2 } |
|
57 | XYPoint { x: 2010; y: 2 } | |
57 | XYPoint { x: 2011; y: 1 } |
|
58 | XYPoint { x: 2011; y: 1 } | |
58 | } |
|
59 | } | |
59 | } |
|
60 | } | |
60 | // ... |
|
61 | // ... | |
61 | //![1] |
|
62 | //![1] | |
62 |
|
63 | |||
63 | AreaSeries { |
|
64 | AreaSeries { | |
64 | name: "Swedish" |
|
65 | name: "Swedish" | |
65 | color: "#AF005292" |
|
66 | color: "#AF005292" | |
66 | borderColor: "#AFFDCA00" |
|
67 | borderColor: "#AFFDCA00" | |
67 | borderWidth: 3 |
|
68 | borderWidth: 3 | |
68 | axisX: valueAxis |
|
69 | axisX: valueAxis | |
69 | upperSeries: LineSeries { |
|
70 | upperSeries: LineSeries { | |
70 | XYPoint { x: 2000; y: 1 } |
|
71 | XYPoint { x: 2000; y: 1 } | |
71 | XYPoint { x: 2001; y: 1 } |
|
72 | XYPoint { x: 2001; y: 1 } | |
72 | XYPoint { x: 2002; y: 3 } |
|
73 | XYPoint { x: 2002; y: 3 } | |
73 | XYPoint { x: 2003; y: 3 } |
|
74 | XYPoint { x: 2003; y: 3 } | |
74 | XYPoint { x: 2004; y: 2 } |
|
75 | XYPoint { x: 2004; y: 2 } | |
75 | XYPoint { x: 2005; y: 0 } |
|
76 | XYPoint { x: 2005; y: 0 } | |
76 | XYPoint { x: 2006; y: 2 } |
|
77 | XYPoint { x: 2006; y: 2 } | |
77 | XYPoint { x: 2007; y: 1 } |
|
78 | XYPoint { x: 2007; y: 1 } | |
78 | XYPoint { x: 2008; y: 2 } |
|
79 | XYPoint { x: 2008; y: 2 } | |
79 | XYPoint { x: 2009; y: 1 } |
|
80 | XYPoint { x: 2009; y: 1 } | |
80 | XYPoint { x: 2010; y: 3 } |
|
81 | XYPoint { x: 2010; y: 3 } | |
81 | XYPoint { x: 2011; y: 3 } |
|
82 | XYPoint { x: 2011; y: 3 } | |
82 | } |
|
83 | } | |
83 | } |
|
84 | } | |
84 |
|
85 | |||
85 | AreaSeries { |
|
86 | AreaSeries { | |
86 | name: "Finnish" |
|
87 | name: "Finnish" | |
87 | color: "#00357F" |
|
88 | color: "#00357F" | |
88 | borderColor: "#FEFEFE" |
|
89 | borderColor: "#FEFEFE" | |
89 | borderWidth: 3 |
|
90 | borderWidth: 3 | |
90 | axisX: valueAxis |
|
91 | axisX: valueAxis | |
91 | upperSeries: LineSeries { |
|
92 | upperSeries: LineSeries { | |
92 | XYPoint { x: 2000; y: 0 } |
|
93 | XYPoint { x: 2000; y: 0 } | |
93 | XYPoint { x: 2001; y: 0 } |
|
94 | XYPoint { x: 2001; y: 0 } | |
94 | XYPoint { x: 2002; y: 0 } |
|
95 | XYPoint { x: 2002; y: 0 } | |
95 | XYPoint { x: 2003; y: 0 } |
|
96 | XYPoint { x: 2003; y: 0 } | |
96 | XYPoint { x: 2004; y: 0 } |
|
97 | XYPoint { x: 2004; y: 0 } | |
97 | XYPoint { x: 2005; y: 0 } |
|
98 | XYPoint { x: 2005; y: 0 } | |
98 | XYPoint { x: 2006; y: 1 } |
|
99 | XYPoint { x: 2006; y: 1 } | |
99 | XYPoint { x: 2007; y: 0 } |
|
100 | XYPoint { x: 2007; y: 0 } | |
100 | XYPoint { x: 2008; y: 0 } |
|
101 | XYPoint { x: 2008; y: 0 } | |
101 | XYPoint { x: 2009; y: 0 } |
|
102 | XYPoint { x: 2009; y: 0 } | |
102 | XYPoint { x: 2010; y: 0 } |
|
103 | XYPoint { x: 2010; y: 0 } | |
103 | XYPoint { x: 2011; y: 1 } |
|
104 | XYPoint { x: 2011; y: 1 } | |
104 | } |
|
105 | } | |
105 | } |
|
106 | } | |
106 | } |
|
107 | } | |
107 | } |
|
108 | } |
1 | NO CONTENT: modified file, binary diff hidden |
|
NO CONTENT: modified file, binary diff hidden |
@@ -1,94 +1,95 | |||||
1 | /*! |
|
1 | /*! | |
2 | \page qml.html |
|
2 | \page qml.html | |
3 | \title QtCommercial Charts QML API |
|
3 | \title QtCommercial Charts QML API | |
4 | \keyword Charts QML API |
|
4 | \keyword Charts QML API | |
5 |
|
5 | |||
6 | QtCommercial Charts QML API is an intuitive and simple way to show charts in your QML |
|
6 | QtCommercial Charts QML API is an intuitive and simple way to show charts in your QML | |
7 | applications. |
|
7 | applications. | |
8 |
|
8 | |||
9 | \table |
|
9 | \table | |
10 | \row |
|
10 | \row | |
11 | \o \br |
|
11 | \o \br | |
12 | Use the following QML to create a simple pie chart: |
|
12 | Use the following QML to create a simple pie chart: | |
13 | \br |
|
13 | \br | |
14 | \br |
|
14 | \br | |
15 | \snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 1 |
|
15 | \snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 1 | |
16 | \snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 2 |
|
16 | \snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 2 | |
17 | \snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 3 |
|
17 | \snippet ../examples/qmlpiechart/qml/qmlpiechart/main.qml 3 | |
18 | \o \inlineimage examples_qmlpiechart.png |
|
18 | \o \inlineimage examples_qmlpiechart.png | |
19 | \endtable |
|
19 | \endtable | |
20 |
|
20 | |||
21 | \raw HTML |
|
21 | \raw HTML | |
22 | <table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable"> |
|
22 | <table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable"> | |
23 | <tr> |
|
23 | <tr> | |
24 | <th class="titleheader" width="25%"> ChartView and it's properties </th> |
|
24 | <th class="titleheader" width="25%"> ChartView and it's properties </th> | |
25 | </tr> |
|
25 | </tr> | |
26 | <tr> |
|
26 | <tr> | |
27 | <td valign="top"> |
|
27 | <td valign="top"> | |
28 | <ul> |
|
28 | <ul> | |
29 | <li><a href="qml-chartview.html">ChartView</a></li> |
|
29 | <li><a href="qml-chartview.html">ChartView</a></li> | |
30 | <li><a href="qml-abstractaxis.html">AbstractAxis</a></li> |
|
30 | <li><a href="qml-abstractaxis.html">AbstractAxis</a></li> | |
31 | <li><a href="qml-valueaxis.html">ValueAxis</a></li> |
|
31 | <li><a href="qml-valueaxis.html">ValueAxis</a></li> | |
32 | <li><a href="qml-categoryaxis.html">CategoryAxis</a></li> |
|
32 | <li><a href="qml-categoryaxis.html">CategoryAxis</a></li> | |
33 | <li><a href="qml-categoryrange.html">CategoryRange</a></li> |
|
33 | <li><a href="qml-categoryrange.html">CategoryRange</a></li> | |
34 | <li><a href="qml-barcategoryaxis.html">BarCategoryAxis</a></li> |
|
34 | <li><a href="qml-barcategoryaxis.html">BarCategoryAxis</a></li> | |
|
35 | <li><a href="qml-datetimeaxis.html">DateTimeAxis</a></li> | |||
35 | <li><a href="qml-legend.html">Legend</a></li> |
|
36 | <li><a href="qml-legend.html">Legend</a></li> | |
36 | <li><a href="qml-abstractseries.html">AbstractSeries</a></li> |
|
37 | <li><a href="qml-abstractseries.html">AbstractSeries</a></li> | |
37 | </ul> |
|
38 | </ul> | |
38 | </td> |
|
39 | </td> | |
39 | </tr> |
|
40 | </tr> | |
40 | </table> |
|
41 | </table> | |
41 | <table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable"> |
|
42 | <table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable"> | |
42 | <tr> |
|
43 | <tr> | |
43 | <th class="titleheader" width="25%"> XY chart </th> |
|
44 | <th class="titleheader" width="25%"> XY chart </th> | |
44 | </tr> |
|
45 | </tr> | |
45 | <tr> |
|
46 | <tr> | |
46 | <td valign="top"> |
|
47 | <td valign="top"> | |
47 | <ul> |
|
48 | <ul> | |
48 | <li><a href="qml-xyseries.html">XYSeries</a></li> |
|
49 | <li><a href="qml-xyseries.html">XYSeries</a></li> | |
49 | <li><a href="qml-lineseries.html">LineSeries</a></li> |
|
50 | <li><a href="qml-lineseries.html">LineSeries</a></li> | |
50 | <li><a href="qml-areaseries.html">AreaSeries</a></li> |
|
51 | <li><a href="qml-areaseries.html">AreaSeries</a></li> | |
51 | <li><a href="qml-scatterseries.html">ScatterSeries</a></li> |
|
52 | <li><a href="qml-scatterseries.html">ScatterSeries</a></li> | |
52 | <li><a href="qml-splineseries.html">SplineSeries</a></li> |
|
53 | <li><a href="qml-splineseries.html">SplineSeries</a></li> | |
53 | <li><a href="qml-xypoint.html">XYPoint</a></li> |
|
54 | <li><a href="qml-xypoint.html">XYPoint</a></li> | |
54 | <li><a href="qml-hxymodelmapper.html">HXYModelMapper</a></li> |
|
55 | <li><a href="qml-hxymodelmapper.html">HXYModelMapper</a></li> | |
55 | <li><a href="qml-vxymodelmapper.html">VXYModelMapper</a></li> |
|
56 | <li><a href="qml-vxymodelmapper.html">VXYModelMapper</a></li> | |
56 | </ul> |
|
57 | </ul> | |
57 | </td> |
|
58 | </td> | |
58 | </tr> |
|
59 | </tr> | |
59 | </table> |
|
60 | </table> | |
60 | <table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable"> |
|
61 | <table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable"> | |
61 | <tr> |
|
62 | <tr> | |
62 | <th class="titleheader" width="25%"> Pie chart </th> |
|
63 | <th class="titleheader" width="25%"> Pie chart </th> | |
63 | <tr> |
|
64 | <tr> | |
64 | <td valign="top"> |
|
65 | <td valign="top"> | |
65 | <ul> |
|
66 | <ul> | |
66 | <li><a href="qml-pieseries.html">PieSeries</a></li> |
|
67 | <li><a href="qml-pieseries.html">PieSeries</a></li> | |
67 | <li><a href="qml-pieslice.html">PieSlice</a></li> |
|
68 | <li><a href="qml-pieslice.html">PieSlice</a></li> | |
68 | <li><a href="qml-hpiemodelmapper.html">HPieModelMapper</a></li> |
|
69 | <li><a href="qml-hpiemodelmapper.html">HPieModelMapper</a></li> | |
69 | <li><a href="qml-vpiemodelmapper.html">VPieModelMapper</a></li> |
|
70 | <li><a href="qml-vpiemodelmapper.html">VPieModelMapper</a></li> | |
70 | </ul> |
|
71 | </ul> | |
71 | </td> |
|
72 | </td> | |
72 | </tr> |
|
73 | </tr> | |
73 | </table> |
|
74 | </table> | |
74 | <table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable"> |
|
75 | <table cellpadding="2" cellspacing="1" border="0" width="95%" class="indextable"> | |
75 | <tr> |
|
76 | <tr> | |
76 | <th class="titleheader" width="25%"> Bar chart </th> |
|
77 | <th class="titleheader" width="25%"> Bar chart </th> | |
77 | <tr> |
|
78 | <tr> | |
78 | <td valign="top"> |
|
79 | <td valign="top"> | |
79 | <ul> |
|
80 | <ul> | |
80 | <li><a href="qml-barseries.html">BarSeries</a></li> |
|
81 | <li><a href="qml-barseries.html">BarSeries</a></li> | |
81 | <li><a href="qml-stackedbarseries.html">StackedBarSeries</a></li> |
|
82 | <li><a href="qml-stackedbarseries.html">StackedBarSeries</a></li> | |
82 | <li><a href="qml-percentbarseries.html">PercentBarSeries</a></li> |
|
83 | <li><a href="qml-percentbarseries.html">PercentBarSeries</a></li> | |
83 | <li><a href="qml-horizontalbarseries.html">HorizontalBarSeries</a></li> |
|
84 | <li><a href="qml-horizontalbarseries.html">HorizontalBarSeries</a></li> | |
84 | <li><a href="qml-horizontalstackedbarseries.html">HorizontalStackedBarSeries</a></li> |
|
85 | <li><a href="qml-horizontalstackedbarseries.html">HorizontalStackedBarSeries</a></li> | |
85 | <li><a href="qml-horizontalpercentbarseries.html">HorizontalPercentBarSeries</a></li> |
|
86 | <li><a href="qml-horizontalpercentbarseries.html">HorizontalPercentBarSeries</a></li> | |
86 | <li><a href="qml-barset.html">BarSet</a></li> |
|
87 | <li><a href="qml-barset.html">BarSet</a></li> | |
87 | <li><a href="qml-hbarmodelmapper.html">HBarModelMapper</a></li> |
|
88 | <li><a href="qml-hbarmodelmapper.html">HBarModelMapper</a></li> | |
88 | <li><a href="qml-vbarmodelmapper.html">VBarModelMapper</a></li> |
|
89 | <li><a href="qml-vbarmodelmapper.html">VBarModelMapper</a></li> | |
89 | </ul> |
|
90 | </ul> | |
90 | </td> |
|
91 | </td> | |
91 | </tr> |
|
92 | </tr> | |
92 | </table> |
|
93 | </table> | |
93 | \endraw |
|
94 | \endraw | |
94 | */ |
|
95 | */ |
General Comments 0
You need to be logged in to leave comments.
Login now