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,38 +1,32 | |||||
1 | /*! |
|
1 | /*! | |
2 | \example demos/qmlaxes |
|
2 | \example demos/qmlaxes | |
3 | \title Qml Axes |
|
3 | \title Qml Axes | |
4 | \subtitle |
|
4 | \subtitle | |
5 |
|
5 | |||
6 | This is a demonstration of how to use axes in your QML application. |
|
6 | This is a demonstration of how to use axes in your QML application. | |
7 |
|
7 | |||
8 | \table |
|
8 | \table | |
9 | \row |
|
9 | \row | |
10 | \o \br |
|
10 | \o \br | |
11 | We begin with a chart that has a line series and a scatter series with random |
|
11 | We begin with a chart that has a line series and a scatter series with random | |
12 | data. Both series' use the same axes. |
|
12 | data. Both series' use the same axes. | |
13 | \br |
|
13 | \br | |
14 | \br |
|
14 | \br | |
15 | \snippet ../demos/qmlaxes/qml/qmlaxes/View1.qml 1 |
|
15 | \snippet ../demos/qmlaxes/qml/qmlaxes/View1.qml 1 | |
16 | \o \inlineimage demos_qmlaxes1.png |
|
16 | \o \inlineimage demos_qmlaxes1.png | |
17 | \endtable |
|
|||
18 |
|
||||
19 | \table |
|
|||
20 | \row |
|
17 | \row | |
21 | \o \br |
|
18 | \o \br | |
22 | The next example shows a chart with some accurate historical data that makes us to use a DateTimeAxis. |
|
19 | The next example shows a chart with some accurate historical data that makes us to use a DateTimeAxis. | |
23 | \br |
|
20 | \br | |
24 | \br |
|
21 | \br | |
25 | \snippet ../demos/qmlaxes/qml/qmlaxes/View2.qml 1 |
|
22 | \snippet ../demos/qmlaxes/qml/qmlaxes/View2.qml 1 | |
26 | \o \inlineimage demos_qmlaxes2.png |
|
23 | \o \inlineimage demos_qmlaxes2.png | |
27 | \endtable |
|
|||
28 |
|
||||
29 | \table |
|
|||
30 | \row |
|
24 | \row | |
31 | \o \br |
|
25 | \o \br | |
32 | And the final example with a chart that uses a CategoryAxis to make the data easier to understand. |
|
26 | And the final example with a chart that uses a CategoryAxis to make the data easier to understand. | |
33 | \br |
|
27 | \br | |
34 | \br |
|
28 | \br | |
35 | \snippet ../demos/qmlaxes/qml/qmlaxes/View3.qml 1 |
|
29 | \snippet ../demos/qmlaxes/qml/qmlaxes/View3.qml 1 | |
36 | \o \inlineimage demos_qmlaxes3.png |
|
30 | \o \inlineimage demos_qmlaxes3.png | |
37 | \endtable |
|
31 | \endtable | |
38 | */ |
|
32 | */ |
@@ -1,66 +1,65 | |||||
1 | /*! |
|
1 | /*! | |
2 | \page demos.html |
|
2 | \page demos.html | |
3 | \title Demos |
|
3 | \title Demos | |
4 | \keyword Demos |
|
4 | \keyword Demos | |
5 |
|
5 | |||
6 | \raw HTML |
|
6 | \raw HTML | |
7 | <div class="demos"> |
|
7 | <div class="demos"> | |
8 | <table> |
|
8 | <table> | |
9 | <tr> |
|
9 | <tr> | |
10 |
|
||||
11 | <td align="center"><a href="demos-chartthemes.html">Chart Themes</a></td> |
|
10 | <td align="center"><a href="demos-chartthemes.html">Chart Themes</a></td> | |
12 | <td align="center"><a href="demos-dynamicspline.html">Dynamic Spline Chart</a></td> |
|
11 | <td align="center"><a href="demos-dynamicspline.html">Dynamic Spline Chart</a></td> | |
13 | </tr> |
|
12 | </tr> | |
14 | <tr> |
|
13 | <tr> | |
15 | <td><a href="demos-chartthemes.html"><img src="images/demo_chartthemes_blue_cerulean.png" width="300" alt="Chart Themes" /></a></td> |
|
14 | <td><a href="demos-chartthemes.html"><img src="images/demo_chartthemes_blue_cerulean.png" width="300" alt="Chart Themes" /></a></td> | |
16 | <td><a href="demos-dynamicspline.html"><img src="images/demos_dynamicspline2.png" width="300" alt="Dynamic Spline" /></a></td> |
|
15 | <td><a href="demos-dynamicspline.html"><img src="images/demos_dynamicspline2.png" width="300" alt="Dynamic Spline" /></a></td> | |
17 | </tr> |
|
16 | </tr> | |
18 |
|
17 | |||
19 | <tr> |
|
18 | <tr> | |
20 | <td align="center"><a href="demos-nesteddonuts.html">Nested Donuts Chart</a></td> |
|
19 | <td align="center"><a href="demos-nesteddonuts.html">Nested Donuts Chart</a></td> | |
21 | <td align="center"><a href="demos-piechartcustomization.html">Pie Chart Customization</a></td> |
|
20 | <td align="center"><a href="demos-piechartcustomization.html">Pie Chart Customization</a></td> | |
22 | </tr> |
|
21 | </tr> | |
23 | <tr> |
|
22 | <tr> | |
24 | <td><a href="demos-nesteddonuts.html"><img src="images/demos_nesteddonuts.png" width="300" alt="Nested Donuts Chart" /></a></td> |
|
23 | <td><a href="demos-nesteddonuts.html"><img src="images/demos_nesteddonuts.png" width="300" alt="Nested Donuts Chart" /></a></td> | |
25 | <td><a href="demos-piechartcustomization.html"><img src="images/piechart_customization.png" width="300" alt="Pie Chart Customization" /></a></td> |
|
24 | <td><a href="demos-piechartcustomization.html"><img src="images/piechart_customization.png" width="300" alt="Pie Chart Customization" /></a></td> | |
26 | </tr> |
|
25 | </tr> | |
27 |
|
26 | |||
28 | <tr> |
|
27 | <tr> | |
29 | <td align="center"><a href="demos-qmlchart.html">Qml Basic Charts</a></td> |
|
28 | <td align="center"><a href="demos-qmlchart.html">Qml Basic Charts</a></td> | |
30 | <td align="center"><a href="demos-qmlaxes.html">Qml Axes</a></td> |
|
29 | <td align="center"><a href="demos-qmlaxes.html">Qml Axes</a></td> | |
31 | </tr> |
|
30 | </tr> | |
32 | <tr> |
|
31 | <tr> | |
33 | <td><a href="demos-qmlchart.html"><img src="images/demos_qmlchart1.png" width="300" alt="Qml Basic Charts" /></a></td> |
|
32 | <td><a href="demos-qmlchart.html"><img src="images/demos_qmlchart1.png" width="300" alt="Qml Basic Charts" /></a></td> | |
34 | <td><a href="demos-qmlaxes.html"><img src="images/demos_qmlaxes1.png" width="300" alt="Qml Axes" /></a></td> |
|
33 | <td><a href="demos-qmlaxes.html"><img src="images/demos_qmlaxes1.png" width="300" alt="Qml Axes" /></a></td> | |
35 | </tr> |
|
34 | </tr> | |
36 |
|
35 | |||
37 | <tr> |
|
36 | <tr> | |
38 | <td align="center"><a href="demos-qmlcustomizations.html">Qml Customizations</a></td> |
|
37 | <td align="center"><a href="demos-qmlcustomizations.html">Qml Customizations</a></td> | |
39 | <td align="center"><a href="demos-qmlcustommodel.html">Qml Custom Model</a></td> |
|
38 | <td align="center"><a href="demos-qmlcustommodel.html">Qml Custom Model</a></td> | |
40 | </tr> |
|
39 | </tr> | |
41 | <tr> |
|
40 | <tr> | |
42 | <td><a href="demos-qmlcustomizations.html"><img src="images/demos_qmlcustomizations.png" width="300" alt="Qml Customizations" /></a></td> |
|
41 | <td><a href="demos-qmlcustomizations.html"><img src="images/demos_qmlcustomizations.png" width="300" alt="Qml Customizations" /></a></td> | |
43 | <td><a href="demos-qmlcustommodel.html"><img src="images/demos_qmlcustommodel.png" width="300" alt="Qml Custom Model" /></a></td> |
|
42 | <td><a href="demos-qmlcustommodel.html"><img src="images/demos_qmlcustommodel.png" width="300" alt="Qml Custom Model" /></a></td> | |
44 | </tr> |
|
43 | </tr> | |
45 |
|
44 | |||
46 | <tr> |
|
45 | <tr> | |
47 | <td align="center"><a href="demos-qmlf1legends.html">Qml F1 Legends</a></td> |
|
46 | <td align="center"><a href="demos-qmlf1legends.html">Qml F1 Legends</a></td> | |
48 | <td align="center"><a href="demos-qmloscilloscope.html">Qml Oscilloscope</a></td> |
|
47 | <td align="center"><a href="demos-qmloscilloscope.html">Qml Oscilloscope</a></td> | |
49 | </tr> |
|
48 | </tr> | |
50 | <tr> |
|
49 | <tr> | |
51 | <td><a href="demos-qmlf1legends.html"><img src="images/demos_qmlf1legends.png" width="300" alt="Qml F1 Legends" /></a></td> |
|
50 | <td><a href="demos-qmlf1legends.html"><img src="images/demos_qmlf1legends.png" width="300" alt="Qml F1 Legends" /></a></td> | |
52 | <td><a href="demos-qmloscilloscope.html"><img src="images/demos_qmloscilloscope.png" width="300" alt="Qml Oscilloscope" /></a></td> |
|
51 | <td><a href="demos-qmloscilloscope.html"><img src="images/demos_qmloscilloscope.png" width="300" alt="Qml Oscilloscope" /></a></td> | |
53 | </tr> |
|
52 | </tr> | |
54 |
|
53 | |||
55 | <tr> |
|
54 | <tr> | |
56 | <td align="center"><a href="demos-qmlweather.html">Qml Weather</a></td> |
|
55 | <td align="center"><a href="demos-qmlweather.html">Qml Weather</a></td> | |
57 | </tr> |
|
56 | </tr> | |
58 | <tr> |
|
57 | <tr> | |
59 | <td><a href="demos-qmlweather.html"><img src="images/demos_qmlweather.png" width="300" alt="Qml Weather" /></a></td> |
|
58 | <td><a href="demos-qmlweather.html"><img src="images/demos_qmlweather.png" width="300" alt="Qml Weather" /></a></td> | |
60 | </tr> |
|
59 | </tr> | |
61 |
|
60 | |||
62 | </table> |
|
61 | </table> | |
63 | </div> |
|
62 | </div> | |
64 | \endraw |
|
63 | \endraw | |
65 |
|
64 | |||
66 | */ |
|
65 | */ |
@@ -1,7 +1,9 | |||||
1 | /*! |
|
1 | /*! | |
2 | \example examples/piechartdrilldown |
|
2 | \example examples/piechartdrilldown | |
3 | \title Piechart drilldown example |
|
3 | \title Piechart drilldown example | |
4 | \subtitle |
|
4 | \subtitle | |
5 |
|
5 | |||
6 | The example shows how to implement a piechart with drilldown effect. |
|
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 | \page examples.html |
|
2 | \page examples.html | |
3 | \title Examples |
|
3 | \title Examples | |
4 | \keyword Examples |
|
4 | \keyword Examples | |
5 |
|
5 | |||
6 | \raw HTML |
|
6 | \raw HTML | |
7 | <table cellpadding="2" cellspacing="1" border="0" width="100%" class="indextable"> |
|
7 | <div class="examples"> | |
8 |
|
|
8 | <table> | |
9 | <th class="titleheader" width="33%"> |
|
9 | <tr> | |
10 | List of examples |
|
10 | <td align="center">Area Chart</td> | |
11 | </th> |
|
11 | <td align="center">Bar Chart</td> | |
12 | </tr> |
|
12 | </tr> | |
13 | <tr> |
|
13 | <tr> | |
14 | <td valign="top"> |
|
14 | <td><a href="examples-areachart.html"><img src="images/examples_areachart.png" width="300" alt="Area Chart" /></a></td> | |
15 | <ul> |
|
15 | <td><a href="examples-barchart.html"><img src="images/examples_barchart.png" width="300" alt="Bar Chart" /></a></td> | |
16 | <li><a href="examples-areachart.html">Area chart</a></li> |
|
16 | </tr> | |
17 | <li><a href="examples-barchart.html">Bar chart</a></li> |
|
17 | ||
18 | <li><a href="examples-barmodelmapper.html">Bar chart from model</a></li> |
|
18 | <tr> | |
19 | <li><a href="examples-customchart.html">Custom chart</a></li> |
|
19 | <td align="center">Bar Chart from Model</td> | |
20 | <li><a href="examples-datetimeaxis.html">DateTimeAxis example</a></li> |
|
20 | <td align="center">Custom Chart</td> | |
21 | <li><a href="examples-donutbreakdown.html">Donut breakdown chart</a></li> |
|
21 | </tr> | |
22 | <li><a href="examples-donutchart.html">Donut chart</a></li> |
|
22 | <tr> | |
23 | <li><a href="examples-horizontalbarchart.html">Horizontal bar chart</a></li> |
|
23 | <td><a href="examples-barmodelmapper.html"><img src="images/examples_barmodelmapper.png" width="300" alt="Bar Chart from Model" /></a></td> | |
24 | <li><a href="examples-horizontalpercentbarchart.html">Horizontal percent bar chart</a></li> |
|
24 | <td><a href="examples-customchart.html"><img src="images/examples_customchart.png" width="300" alt="Custom Chart" /></a></td> | |
25 | <li><a href="examples-horizontalstackedbarchart.html">Horizontal stacked bar chart</a></li> |
|
25 | </tr> | |
26 | <li><a href="examples-legend.html">Legend</a></li> |
|
26 | ||
27 | <li><a href="examples-lineandbar.html">Line and barchart</a></li> |
|
27 | <tr> | |
28 | <li><a href="examples-linechart.html">Line chart</a></li> |
|
28 | <td align="center">DateTimeAxis Example</td> | |
29 | <li><a href="examples-modeldata.html">Model data</a></li> |
|
29 | <td align="center">Donut Breakdown Chart</td> | |
30 | <li><a href="examples-percentbarchart.html">Percent bar chart</a></li> |
|
30 | </tr> | |
31 | <li><a href="examples-piechart.html">Pie chart</a></li> |
|
31 | <tr> | |
32 | <li><a href="examples-piechartdrilldown.html">Pie chart drilldown</a></li> |
|
32 | <td><a href="examples-datetimeaxis.html"><img src="images/examples_datetimeaxis.png" width="300" alt="DateTimeAxis Example" /></a></td> | |
33 | <li><a href="examples-presenterchart.html">Presenter chart</a></li> |
|
33 | <td><a href="examples-donutbreakdown.html"><img src="images/examples_donutbreakdown.png" width="300" alt="Donut Breakdown Chart" /></a></td> | |
34 | <li><a href="examples-scatterchart.html">Scatter chart</a></li> |
|
34 | </tr> | |
35 | <li><a href="examples-scatterinteractions.html">Scatter interactions</a></li> |
|
35 | ||
36 | <li><a href="examples-splinechart.html">Spline chart</a></li> |
|
36 | <tr> | |
37 | <li><a href="examples-stackedbarchart.html">Stacked bar chart</a></li> |
|
37 | <td align="center">Donut Chart</td> | |
38 | <li><a href="examples-stackedbarchartdrilldown.html">Stacked bar chart drilldown</a></li> |
|
38 | <td align="center">Horizontal Bar Chart</td> | |
39 | <li><a href="examples-temperaturerecords.html">Temperature records</a></li> |
|
39 | </tr> | |
40 | <li><a href="examples-zoomlinechart.html">Zoom line</a></li> |
|
40 | <tr> | |
41 | </ul> |
|
41 | <td><a href="examples-donutchart.html"><img src="images/examples_donutchart.png" width="300" alt="Donut Chart" /></a></td> | |
42 | </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> | |||
43 | </tr> |
|
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 | ||||
44 |
|
|
124 | </table> | |
|
125 | </div> | |||
45 | \endraw |
|
126 | \endraw | |
|
127 | ||||
46 | */ |
|
128 | */ |
General Comments 0
You need to be logged in to leave comments.
Login now