##// END OF EJS Templates
Fixed formatting of axis in qmlchart demo
Tero Ahola -
r1999:72262c10359f
parent child
Show More
@@ -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