HG_REPOSITORIES/LPP/INSTRUMENTATION/USERS/JEANDET/qtcharts Commit - r2024:09deeafac1cc

Fancified also the examples page in docs

Tero Ahola -

r2024:09deeafac1cc

parent child

Context file:

r2024:09deeafac1cc

Collapse all files

doc/images/examples_piechartdrill1.png created 644 binary 0 0

NO CONTENT: new file 100644, binary diff hidden

doc/images/examples_piechartdrill2.png created 644 binary 0 0

NO CONTENT: new file 100644, binary diff hidden

doc/src/demos-qmlaxes.qdoc 0 -6

             /*!
                 \example demos/qmlaxes
                 \title Qml Axes
                 \subtitle
                 This is a demonstration of how to use axes in your QML application.
                 \table
                     \row
                         \o  \br
                             We begin with a chart that has a line series and a scatter series with random
                             data. Both series' use the same axes.
                             \br
                             \br
                             \snippet ../demos/qmlaxes/qml/qmlaxes/View1.qml 1
                         \o \inlineimage demos_qmlaxes1.png
-                \endtable
-                \table
                     \row
                         \o  \br
                             The next example shows a chart with some accurate historical data that makes us to use a DateTimeAxis.
                             \br
                             \br
                             \snippet ../demos/qmlaxes/qml/qmlaxes/View2.qml 1
                         \o \inlineimage demos_qmlaxes2.png
-                \endtable
-                \table
                     \row
                         \o  \br
                             And the final example with a chart that uses a CategoryAxis to make the data easier to understand.
                             \br
                             \br
                             \snippet ../demos/qmlaxes/qml/qmlaxes/View3.qml 1
                         \o \inlineimage demos_qmlaxes3.png
                 \endtable
             */

doc/src/demos.qdoc 0 -1

             /*!
                 \page demos.html
                 \title Demos
                 \keyword Demos
                 \raw HTML
                 <div class="demos">
                 <table>
                     <tr>
                         <td align="center"><a href="demos-chartthemes.html">Chart Themes</a></td>
                         <td align="center"><a href="demos-dynamicspline.html">Dynamic Spline Chart</a></td>
                     </tr>
                     <tr>
                         <td><a href="demos-chartthemes.html"><img src="images/demo_chartthemes_blue_cerulean.png" width="300" alt="Chart Themes" /></a></td>
                         <td><a href="demos-dynamicspline.html"><img src="images/demos_dynamicspline2.png" width="300" alt="Dynamic Spline" /></a></td>
                     </tr>
                     <tr>
                         <td align="center"><a href="demos-nesteddonuts.html">Nested Donuts Chart</a></td>
                         <td align="center"><a href="demos-piechartcustomization.html">Pie Chart Customization</a></td>
                     </tr>
                     <tr>
                         <td><a href="demos-nesteddonuts.html"><img src="images/demos_nesteddonuts.png" width="300" alt="Nested Donuts Chart" /></a></td>
                         <td><a href="demos-piechartcustomization.html"><img src="images/piechart_customization.png" width="300" alt="Pie Chart Customization" /></a></td>
                     </tr>
                     <tr>
                         <td align="center"><a href="demos-qmlchart.html">Qml Basic Charts</a></td>
                         <td align="center"><a href="demos-qmlaxes.html">Qml Axes</a></td>
                     </tr>
                     <tr>
                         <td><a href="demos-qmlchart.html"><img src="images/demos_qmlchart1.png" width="300" alt="Qml Basic Charts" /></a></td>
                         <td><a href="demos-qmlaxes.html"><img src="images/demos_qmlaxes1.png" width="300" alt="Qml Axes" /></a></td>
                     </tr>
                     <tr>
                         <td align="center"><a href="demos-qmlcustomizations.html">Qml Customizations</a></td>
                         <td align="center"><a href="demos-qmlcustommodel.html">Qml Custom Model</a></td>
                     </tr>
                     <tr>
                         <td><a href="demos-qmlcustomizations.html"><img src="images/demos_qmlcustomizations.png" width="300" alt="Qml Customizations" /></a></td>
                         <td><a href="demos-qmlcustommodel.html"><img src="images/demos_qmlcustommodel.png" width="300" alt="Qml Custom Model" /></a></td>
                     </tr>
                     <tr>
                         <td align="center"><a href="demos-qmlf1legends.html">Qml F1 Legends</a></td>
                         <td align="center"><a href="demos-qmloscilloscope.html">Qml Oscilloscope</a></td>
                     </tr>
                     <tr>
                         <td><a href="demos-qmlf1legends.html"><img src="images/demos_qmlf1legends.png" width="300" alt="Qml F1 Legends" /></a></td>
                         <td><a href="demos-qmloscilloscope.html"><img src="images/demos_qmloscilloscope.png" width="300" alt="Qml Oscilloscope" /></a></td>
                     </tr>
                     <tr>
                         <td align="center"><a href="demos-qmlweather.html">Qml Weather</a></td>
                     </tr>
                     <tr>
                         <td><a href="demos-qmlweather.html"><img src="images/demos_qmlweather.png" width="300" alt="Qml Weather" /></a></td>
                     </tr>
                 </table>
                 </div>
                 \endraw
             */

doc/src/examples-piechartdrilldown.qdoc +2 0

             /*!
                  \example examples/piechartdrilldown
                  \title Piechart drilldown example
                  \subtitle
                  The example shows how to implement a piechart with drilldown effect.
+                 \image examples_piechartdrill1.png
+                 \image examples_piechartdrill2.png
             */

doc/src/examples.qdoc +118 -36

@@ -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	<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>
		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	</table>	124	</table>
		125	</div>
45	\endraw	126	\endraw
		127
46	*/	128	*/

General Comments 0

Write
Preview

You need to be logged in to leave comments. Login now

No TODOs yet

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages