##// END OF EJS Templates
Fancified also the examples page in docs
Tero Ahola -
r2024:09deeafac1cc
parent child
Show More
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
@@ -14,9 +14,6
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.
@@ -24,9 +21,6
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.
@@ -7,7 +7,6
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>
@@ -4,4 +4,6
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 */
@@ -4,43 +4,125
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 <tr>
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>
43 </tr>
44 </table>
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 \endraw
126 \endraw
127
46 */
128 */
General Comments 0
You need to be logged in to leave comments. Login now