|
1 | NO CONTENT: new file 100644, binary diff hidden |
|
1 | NO CONTENT: new file 100644, binary diff hidden |
@@ -1,38 +1,32 | |||
|
1 | 1 | /*! |
|
2 | 2 | \example demos/qmlaxes |
|
3 | 3 | \title Qml Axes |
|
4 | 4 | \subtitle |
|
5 | 5 | |
|
6 | 6 | This is a demonstration of how to use axes in your QML application. |
|
7 | 7 | |
|
8 | 8 | \table |
|
9 | 9 | \row |
|
10 | 10 | \o \br |
|
11 | 11 | We begin with a chart that has a line series and a scatter series with random |
|
12 | 12 | data. Both series' use the same axes. |
|
13 | 13 | \br |
|
14 | 14 | \br |
|
15 | 15 | \snippet ../demos/qmlaxes/qml/qmlaxes/View1.qml 1 |
|
16 | 16 | \o \inlineimage demos_qmlaxes1.png |
|
17 | \endtable | |
|
18 | ||
|
19 | \table | |
|
20 | 17 | \row |
|
21 | 18 | \o \br |
|
22 | 19 | The next example shows a chart with some accurate historical data that makes us to use a DateTimeAxis. |
|
23 | 20 | \br |
|
24 | 21 | \br |
|
25 | 22 | \snippet ../demos/qmlaxes/qml/qmlaxes/View2.qml 1 |
|
26 | 23 | \o \inlineimage demos_qmlaxes2.png |
|
27 | \endtable | |
|
28 | ||
|
29 | \table | |
|
30 | 24 | \row |
|
31 | 25 | \o \br |
|
32 | 26 | And the final example with a chart that uses a CategoryAxis to make the data easier to understand. |
|
33 | 27 | \br |
|
34 | 28 | \br |
|
35 | 29 | \snippet ../demos/qmlaxes/qml/qmlaxes/View3.qml 1 |
|
36 | 30 | \o \inlineimage demos_qmlaxes3.png |
|
37 | 31 | \endtable |
|
38 | 32 | */ |
@@ -1,66 +1,65 | |||
|
1 | 1 | /*! |
|
2 | 2 | \page demos.html |
|
3 | 3 | \title Demos |
|
4 | 4 | \keyword Demos |
|
5 | 5 | |
|
6 | 6 | \raw HTML |
|
7 | 7 | <div class="demos"> |
|
8 | 8 | <table> |
|
9 | 9 | <tr> |
|
10 | ||
|
11 | 10 | <td align="center"><a href="demos-chartthemes.html">Chart Themes</a></td> |
|
12 | 11 | <td align="center"><a href="demos-dynamicspline.html">Dynamic Spline Chart</a></td> |
|
13 | 12 | </tr> |
|
14 | 13 | <tr> |
|
15 | 14 | <td><a href="demos-chartthemes.html"><img src="images/demo_chartthemes_blue_cerulean.png" width="300" alt="Chart Themes" /></a></td> |
|
16 | 15 | <td><a href="demos-dynamicspline.html"><img src="images/demos_dynamicspline2.png" width="300" alt="Dynamic Spline" /></a></td> |
|
17 | 16 | </tr> |
|
18 | 17 | |
|
19 | 18 | <tr> |
|
20 | 19 | <td align="center"><a href="demos-nesteddonuts.html">Nested Donuts Chart</a></td> |
|
21 | 20 | <td align="center"><a href="demos-piechartcustomization.html">Pie Chart Customization</a></td> |
|
22 | 21 | </tr> |
|
23 | 22 | <tr> |
|
24 | 23 | <td><a href="demos-nesteddonuts.html"><img src="images/demos_nesteddonuts.png" width="300" alt="Nested Donuts Chart" /></a></td> |
|
25 | 24 | <td><a href="demos-piechartcustomization.html"><img src="images/piechart_customization.png" width="300" alt="Pie Chart Customization" /></a></td> |
|
26 | 25 | </tr> |
|
27 | 26 | |
|
28 | 27 | <tr> |
|
29 | 28 | <td align="center"><a href="demos-qmlchart.html">Qml Basic Charts</a></td> |
|
30 | 29 | <td align="center"><a href="demos-qmlaxes.html">Qml Axes</a></td> |
|
31 | 30 | </tr> |
|
32 | 31 | <tr> |
|
33 | 32 | <td><a href="demos-qmlchart.html"><img src="images/demos_qmlchart1.png" width="300" alt="Qml Basic Charts" /></a></td> |
|
34 | 33 | <td><a href="demos-qmlaxes.html"><img src="images/demos_qmlaxes1.png" width="300" alt="Qml Axes" /></a></td> |
|
35 | 34 | </tr> |
|
36 | 35 | |
|
37 | 36 | <tr> |
|
38 | 37 | <td align="center"><a href="demos-qmlcustomizations.html">Qml Customizations</a></td> |
|
39 | 38 | <td align="center"><a href="demos-qmlcustommodel.html">Qml Custom Model</a></td> |
|
40 | 39 | </tr> |
|
41 | 40 | <tr> |
|
42 | 41 | <td><a href="demos-qmlcustomizations.html"><img src="images/demos_qmlcustomizations.png" width="300" alt="Qml Customizations" /></a></td> |
|
43 | 42 | <td><a href="demos-qmlcustommodel.html"><img src="images/demos_qmlcustommodel.png" width="300" alt="Qml Custom Model" /></a></td> |
|
44 | 43 | </tr> |
|
45 | 44 | |
|
46 | 45 | <tr> |
|
47 | 46 | <td align="center"><a href="demos-qmlf1legends.html">Qml F1 Legends</a></td> |
|
48 | 47 | <td align="center"><a href="demos-qmloscilloscope.html">Qml Oscilloscope</a></td> |
|
49 | 48 | </tr> |
|
50 | 49 | <tr> |
|
51 | 50 | <td><a href="demos-qmlf1legends.html"><img src="images/demos_qmlf1legends.png" width="300" alt="Qml F1 Legends" /></a></td> |
|
52 | 51 | <td><a href="demos-qmloscilloscope.html"><img src="images/demos_qmloscilloscope.png" width="300" alt="Qml Oscilloscope" /></a></td> |
|
53 | 52 | </tr> |
|
54 | 53 | |
|
55 | 54 | <tr> |
|
56 | 55 | <td align="center"><a href="demos-qmlweather.html">Qml Weather</a></td> |
|
57 | 56 | </tr> |
|
58 | 57 | <tr> |
|
59 | 58 | <td><a href="demos-qmlweather.html"><img src="images/demos_qmlweather.png" width="300" alt="Qml Weather" /></a></td> |
|
60 | 59 | </tr> |
|
61 | 60 | |
|
62 | 61 | </table> |
|
63 | 62 | </div> |
|
64 | 63 | \endraw |
|
65 | 64 | |
|
66 | 65 | */ |
@@ -1,7 +1,9 | |||
|
1 | 1 | /*! |
|
2 | 2 | \example examples/piechartdrilldown |
|
3 | 3 | \title Piechart drilldown example |
|
4 | 4 | \subtitle |
|
5 | 5 | |
|
6 | 6 | The example shows how to implement a piechart with drilldown effect. |
|
7 | \image examples_piechartdrill1.png | |
|
8 | \image examples_piechartdrill2.png | |
|
7 | 9 | */ |
@@ -1,46 +1,128 | |||
|
1 | 1 | /*! |
|
2 | 2 | \page examples.html |
|
3 | 3 | \title Examples |
|
4 | 4 | \keyword Examples |
|
5 | 5 | |
|
6 | 6 | \raw HTML |
|
7 | <table cellpadding="2" cellspacing="1" border="0" width="100%" class="indextable"> | |
|
8 |
|
|
|
9 | <th class="titleheader" width="33%"> | |
|
10 | List of examples | |
|
11 | </th> | |
|
12 | </tr> | |
|
13 | <tr> | |
|
14 | <td valign="top"> | |
|
15 | <ul> | |
|
16 | <li><a href="examples-areachart.html">Area chart</a></li> | |
|
17 | <li><a href="examples-barchart.html">Bar chart</a></li> | |
|
18 | <li><a href="examples-barmodelmapper.html">Bar chart from model</a></li> | |
|
19 | <li><a href="examples-customchart.html">Custom chart</a></li> | |
|
20 | <li><a href="examples-datetimeaxis.html">DateTimeAxis example</a></li> | |
|
21 | <li><a href="examples-donutbreakdown.html">Donut breakdown chart</a></li> | |
|
22 | <li><a href="examples-donutchart.html">Donut chart</a></li> | |
|
23 | <li><a href="examples-horizontalbarchart.html">Horizontal bar chart</a></li> | |
|
24 | <li><a href="examples-horizontalpercentbarchart.html">Horizontal percent bar chart</a></li> | |
|
25 | <li><a href="examples-horizontalstackedbarchart.html">Horizontal stacked bar chart</a></li> | |
|
26 | <li><a href="examples-legend.html">Legend</a></li> | |
|
27 | <li><a href="examples-lineandbar.html">Line and barchart</a></li> | |
|
28 | <li><a href="examples-linechart.html">Line chart</a></li> | |
|
29 | <li><a href="examples-modeldata.html">Model data</a></li> | |
|
30 | <li><a href="examples-percentbarchart.html">Percent bar chart</a></li> | |
|
31 | <li><a href="examples-piechart.html">Pie chart</a></li> | |
|
32 | <li><a href="examples-piechartdrilldown.html">Pie chart drilldown</a></li> | |
|
33 | <li><a href="examples-presenterchart.html">Presenter chart</a></li> | |
|
34 | <li><a href="examples-scatterchart.html">Scatter chart</a></li> | |
|
35 | <li><a href="examples-scatterinteractions.html">Scatter interactions</a></li> | |
|
36 | <li><a href="examples-splinechart.html">Spline chart</a></li> | |
|
37 | <li><a href="examples-stackedbarchart.html">Stacked bar chart</a></li> | |
|
38 | <li><a href="examples-stackedbarchartdrilldown.html">Stacked bar chart drilldown</a></li> | |
|
39 | <li><a href="examples-temperaturerecords.html">Temperature records</a></li> | |
|
40 | <li><a href="examples-zoomlinechart.html">Zoom line</a></li> | |
|
41 | </ul> | |
|
42 | </td> | |
|
43 | </tr> | |
|
44 | </table> | |
|
7 | <div class="examples"> | |
|
8 | <table> | |
|
9 | <tr> | |
|
10 | <td align="center">Area Chart</td> | |
|
11 | <td align="center">Bar Chart</td> | |
|
12 | </tr> | |
|
13 | <tr> | |
|
14 | <td><a href="examples-areachart.html"><img src="images/examples_areachart.png" width="300" alt="Area Chart" /></a></td> | |
|
15 | <td><a href="examples-barchart.html"><img src="images/examples_barchart.png" width="300" alt="Bar Chart" /></a></td> | |
|
16 | </tr> | |
|
17 | ||
|
18 | <tr> | |
|
19 | <td align="center">Bar Chart from Model</td> | |
|
20 | <td align="center">Custom Chart</td> | |
|
21 | </tr> | |
|
22 | <tr> | |
|
23 | <td><a href="examples-barmodelmapper.html"><img src="images/examples_barmodelmapper.png" width="300" alt="Bar Chart from Model" /></a></td> | |
|
24 | <td><a href="examples-customchart.html"><img src="images/examples_customchart.png" width="300" alt="Custom Chart" /></a></td> | |
|
25 | </tr> | |
|
26 | ||
|
27 | <tr> | |
|
28 | <td align="center">DateTimeAxis Example</td> | |
|
29 | <td align="center">Donut Breakdown Chart</td> | |
|
30 | </tr> | |
|
31 | <tr> | |
|
32 | <td><a href="examples-datetimeaxis.html"><img src="images/examples_datetimeaxis.png" width="300" alt="DateTimeAxis Example" /></a></td> | |
|
33 | <td><a href="examples-donutbreakdown.html"><img src="images/examples_donutbreakdown.png" width="300" alt="Donut Breakdown Chart" /></a></td> | |
|
34 | </tr> | |
|
35 | ||
|
36 | <tr> | |
|
37 | <td align="center">Donut Chart</td> | |
|
38 | <td align="center">Horizontal Bar Chart</td> | |
|
39 | </tr> | |
|
40 | <tr> | |
|
41 | <td><a href="examples-donutchart.html"><img src="images/examples_donutchart.png" width="300" alt="Donut Chart" /></a></td> | |
|
42 | <td><a href="examples-horizontalbarchart.html"><img src="images/examples_horizontalbarchart.png" width="300" alt="Horizontal Bar Chart" /></a></td> | |
|
43 | </tr> | |
|
44 | ||
|
45 | <tr> | |
|
46 | <td align="center">Horizontal Percent Bar Chart</td> | |
|
47 | <td align="center">Horizontal Stacked Bar Chart</td> | |
|
48 | </tr> | |
|
49 | <tr> | |
|
50 | <td><a href="examples-horizontalpercentbarchart.html"><img src="images/examples_percentbarchart.png" width="300" alt="Horizontal Percent Bar Chart" /></a></td> | |
|
51 | <td><a href="examples-horizontalstackedbarchart.html"><img src="images/examples_stackedbarchart.png" width="300" alt="Horizontal Stacked Bar Chart" /></a></td> | |
|
52 | </tr> | |
|
53 | ||
|
54 | <tr> | |
|
55 | <td align="center">Legend</td> | |
|
56 | <td align="center">Line and Barchart</td> | |
|
57 | </tr> | |
|
58 | <tr> | |
|
59 | <td><a href="examples-legend.html"><img src="images/examples_legend_detach.png" width="300" alt="Legend" /></a></td> | |
|
60 | <td><a href="examples-lineandbar.html"><img src="images/examples_lineandbar.png" width="300" alt="Line and Barchart" /></a></td> | |
|
61 | </tr> | |
|
62 | ||
|
63 | <tr> | |
|
64 | <td align="center">Line Chart</td> | |
|
65 | <td align="center">Model Data</td> | |
|
66 | </tr> | |
|
67 | <tr> | |
|
68 | <td><a href="examples-linechart.html"><img src="images/examples_linechart.png" width="300" alt="Line Chart" /></a></td> | |
|
69 | <td><a href="examples-modeldata.html"><img src="images/examples_modeldata.png" width="300" alt="Model Data" /></a></td> | |
|
70 | </tr> | |
|
71 | ||
|
72 | <tr> | |
|
73 | <td align="center">Percent Bar Chart</td> | |
|
74 | <td align="center">Pie Chart</td> | |
|
75 | </tr> | |
|
76 | <tr> | |
|
77 | <td><a href="examples-percentbarchart.html"><img src="images/examples_percentbarchart.png" width="300" alt="Percent Bar Chart" /></a></td> | |
|
78 | <td><a href="examples-piechart.html"><img src="images/examples_piechart.png" width="300" alt="Pie Chart" /></a></td> | |
|
79 | </tr> | |
|
80 | ||
|
81 | <tr> | |
|
82 | <td align="center">Pie Chart Drilldown</td> | |
|
83 | <td align="center">Presenter Chart</td> | |
|
84 | </tr> | |
|
85 | <tr> | |
|
86 | <td><a href="examples-piechartdrilldown.html"><img src="images/examples_piechartdrill2.png" width="300" alt="Pie Chart Drilldown" /></a></td> | |
|
87 | <td><a href="examples-presenterchart.html"><img src="images/examples_presenterchart4.png" width="300" alt="Presenter Chart" /></a></td> | |
|
88 | </tr> | |
|
89 | ||
|
90 | <tr> | |
|
91 | <td align="center">Scatter chart</td> | |
|
92 | <td align="center">Scatter Interactions</td> | |
|
93 | </tr> | |
|
94 | <tr> | |
|
95 | <td><a href="examples-scatterchart.html"><img src="images/examples_scatterchart.png" width="300" alt="Scatter chart" /></a></td> | |
|
96 | <td><a href="examples-scatterinteractions.html"><img src="images/examples_scatterinteractions.png" width="300" alt="Scatter Interactions" /></a></td> | |
|
97 | </tr> | |
|
98 | ||
|
99 | <tr> | |
|
100 | <td align="center">Spline Chart</td> | |
|
101 | <td align="center">Stacked Bar Chart</td> | |
|
102 | </tr> | |
|
103 | <tr> | |
|
104 | <td><a href="examples-splinechart.html"><img src="images/examples_splinechart.png" width="300" alt="Spline Chart" /></a></td> | |
|
105 | <td><a href="examples-stackedbarchart.html"><img src="images/examples_stackedbarchart.png" width="300" alt="Stacked Bar Chart" /></a></td> | |
|
106 | </tr> | |
|
107 | ||
|
108 | <tr> | |
|
109 | <td align="center">Stacked Bar Chart Drilldown</td> | |
|
110 | <td align="center">Temperature Records</td> | |
|
111 | </tr> | |
|
112 | <tr> | |
|
113 | <td><a href="examples-stackedbarchartdrilldown.html"><img src="images/examples_stackedbarchartdrilldown1.png" width="300" alt="Stacked Bar Chart Drilldown" /></a></td> | |
|
114 | <td><a href="examples-temperaturerecords.html"><img src="images/examples_temperaturerecords.png" width="300" alt="Temperature Records" /></a></td> | |
|
115 | </tr> | |
|
116 | ||
|
117 | <tr> | |
|
118 | <td align="center">Zoom Line</td> | |
|
119 | </tr> | |
|
120 | <tr> | |
|
121 | <td><a href="examples-zoomlinechart.html"><img src="images/examples_zoomlinechart1.png" width="300" alt="Zoom Line" /></a></td> | |
|
122 | </tr> | |
|
123 | ||
|
124 | </table> | |
|
125 | </div> | |
|
45 | 126 | \endraw |
|
127 | ||
|
46 | 128 | */ |
General Comments 0
You need to be logged in to leave comments.
Login now