examples: add screenshots for 3d, axcontainer, charts

- Add screenshot
- Add one-phrase for each example from doc.qt.io

Pick-to: 6.1
Task-number: PYSIDE-841
Change-Id: I72ee7b34d9ecfd595c7e6301fe1576086bc82203
Reviewed-by: Friedemann Kleint <Friedemann.Kleint@qt.io>

30 files changed, 150 insertions, 0 deletions

diff --git a/examples/charts/audio/doc/audio.png b/examples/charts/audio/doc/audio.png
new file mode 100644
index 000000000..15ee1f680
--- /dev/null
+++ b/examples/charts/audio/doc/audio.png
diff --git a/examples/charts/audio/doc/audio.rst b/examples/charts/audio/doc/audio.rst
new file mode 100644
index 000000000..38394451d
--- /dev/null
+++ b/examples/charts/audio/doc/audio.rst
@@ -0,0 +1,8 @@
+Audio Example
+=============
+
+This example shows the drawing of dynamic data (microphone input).
+
+.. image:: audio.png
+   :width: 400
+   :alt: Audio Screenshot
diff --git a/examples/charts/callout/doc/callout.png b/examples/charts/callout/doc/callout.png
new file mode 100644
index 000000000..19e4c9d69
--- /dev/null
+++ b/examples/charts/callout/doc/callout.png
diff --git a/examples/charts/callout/doc/callout.rst b/examples/charts/callout/doc/callout.rst
new file mode 100644
index 000000000..eeba1ca48
--- /dev/null
+++ b/examples/charts/callout/doc/callout.rst
@@ -0,0 +1,8 @@
+Callout Example
+===============
+
+This example shows how to draw an additional element (a callout) on top of the chart.
+
+.. image:: callout.png
+   :width: 400
+   :alt: Callout Screenshot
diff --git a/examples/charts/chartthemes/doc/chartthemes.png b/examples/charts/chartthemes/doc/chartthemes.png
new file mode 100644
index 000000000..327caf552
--- /dev/null
+++ b/examples/charts/chartthemes/doc/chartthemes.png
diff --git a/examples/charts/chartthemes/doc/chartthemes.rst b/examples/charts/chartthemes/doc/chartthemes.rst
new file mode 100644
index 000000000..104c67959
--- /dev/null
+++ b/examples/charts/chartthemes/doc/chartthemes.rst
@@ -0,0 +1,11 @@
+Chart Themes Example
+====================
+
+The example shows the look and feel of the different built-in themes.
+
+This example shows the look and feel of the different built-in themes for some
+of the supported chart types.
+
+.. image:: chartthemes.png
+   :width: 400
+   :alt: Chart Themes Screenshot
diff --git a/examples/charts/donutbreakdown/doc/donutbreakdown.png b/examples/charts/donutbreakdown/doc/donutbreakdown.png
new file mode 100644
index 000000000..6499a8790
--- /dev/null
+++ b/examples/charts/donutbreakdown/doc/donutbreakdown.png
diff --git a/examples/charts/donutbreakdown/doc/donutbreakdown.rst b/examples/charts/donutbreakdown/doc/donutbreakdown.rst
new file mode 100644
index 000000000..3e21d19e5
--- /dev/null
+++ b/examples/charts/donutbreakdown/doc/donutbreakdown.rst
@@ -0,0 +1,8 @@
+Donut Chart Breakdown Example
+=============================
+
+This example shows how to use create a donut breakdown chart using QPieSeries API.
+
+.. image:: donutbreakdown.png
+   :width: 400
+   :alt: Donut Chart Breakdown Screenshot
diff --git a/examples/charts/legend/doc/legend.png b/examples/charts/legend/doc/legend.png
new file mode 100644
index 000000000..1adc3d75b
--- /dev/null
+++ b/examples/charts/legend/doc/legend.png
diff --git a/examples/charts/legend/doc/legend.rst b/examples/charts/legend/doc/legend.rst
new file mode 100644
index 000000000..10fb79cc1
--- /dev/null
+++ b/examples/charts/legend/doc/legend.rst
@@ -0,0 +1,20 @@
+Legend Example
+==============
+
+This example shows how to detach the legend from the chart and how to attach it
+back.
+
+By default the chart draws the legend inside the same view with the chart. In
+some cases the user may want to draw the legend to somewhere else. To make this
+possible the legend can be detached from the chart. Detaching means that the
+chart doesn't draw the legend or try to change its layout. The detached legend can
+then be drawn wherever the user wishes, for example, in a different graphics
+scene. The behavior of the legend can be inspected by running the legend
+example. In the example we use the bar series where we add or remove the bar
+sets. The legend reflects the changes in the series. The legend can be detached or
+attached back to the chart and its alignment can be modified. When the legend
+is detached, it can be resized and positioned freely.
+
+.. image:: legend.png
+   :width: 400
+   :alt: Legend Screenshot
diff --git a/examples/charts/lineandbar/doc/lineandbar.png b/examples/charts/lineandbar/doc/lineandbar.png
new file mode 100644
index 000000000..a5c1fcea5
--- /dev/null
+++ b/examples/charts/lineandbar/doc/lineandbar.png
diff --git a/examples/charts/lineandbar/doc/lineandbar.rst b/examples/charts/lineandbar/doc/lineandbar.rst
new file mode 100644
index 000000000..18dce9e59
--- /dev/null
+++ b/examples/charts/lineandbar/doc/lineandbar.rst
@@ -0,0 +1,11 @@
+Line and Bar Chart Example
+==========================
+
+The example shows how to combine different charts and set the axes.
+
+In the example, we combine a linechart with a barchart and use the category
+axis as a common axis for both.
+
+.. image:: lineandbar.png
+   :width: 400
+   :alt: Line and Bar Chart Screenshot
diff --git a/examples/charts/linechart/doc/linechart.png b/examples/charts/linechart/doc/linechart.png
new file mode 100644
index 000000000..9c32aabd5
--- /dev/null
+++ b/examples/charts/linechart/doc/linechart.png
diff --git a/examples/charts/linechart/doc/linechart.rst b/examples/charts/linechart/doc/linechart.rst
new file mode 100644
index 000000000..b3daea3cf
--- /dev/null
+++ b/examples/charts/linechart/doc/linechart.rst
@@ -0,0 +1,8 @@
+Line Chart Example
+==================
+
+The example shows how to create a simple line chart.
+
+.. image:: linechart.png
+   :width: 400
+   :alt: Line Chart Screenshot
diff --git a/examples/charts/logvalueaxis/doc/logvalueaxis.png b/examples/charts/logvalueaxis/doc/logvalueaxis.png
new file mode 100644
index 000000000..c25a5f4be
--- /dev/null
+++ b/examples/charts/logvalueaxis/doc/logvalueaxis.png
diff --git a/examples/charts/logvalueaxis/doc/logvalueaxis.rst b/examples/charts/logvalueaxis/doc/logvalueaxis.rst
new file mode 100644
index 000000000..14c080a52
--- /dev/null
+++ b/examples/charts/logvalueaxis/doc/logvalueaxis.rst
@@ -0,0 +1,8 @@
+Logarithmic Axis Example
+========================
+
+The example shows how to use QLogValueAxis.
+
+.. image:: logvalueaxis.png
+   :width: 400
+   :alt: Logarithmic Axis Example Screenshot
diff --git a/examples/charts/memoryusage/doc/memoryusage.png b/examples/charts/memoryusage/doc/memoryusage.png
new file mode 100644
index 000000000..de19d1602
--- /dev/null
+++ b/examples/charts/memoryusage/doc/memoryusage.png
diff --git a/examples/charts/memoryusage/doc/memoryusage.rst b/examples/charts/memoryusage/doc/memoryusage.rst
new file mode 100644
index 000000000..59cac30d7
--- /dev/null
+++ b/examples/charts/memoryusage/doc/memoryusage.rst
@@ -0,0 +1,9 @@
+Memory Usag Example
+===================
+
+This example shows a QPieChart with the current memory usage in your
+computer.
+
+.. image:: memoryusage.png
+   :width: 400
+   :alt: Memory Usage Screenshot
diff --git a/examples/charts/modeldata/doc/modeldata.png b/examples/charts/modeldata/doc/modeldata.png
new file mode 100644
index 000000000..29cb57084
--- /dev/null
+++ b/examples/charts/modeldata/doc/modeldata.png
diff --git a/examples/charts/modeldata/doc/modeldata.rst b/examples/charts/modeldata/doc/modeldata.rst
new file mode 100644
index 000000000..5d5d59e39
--- /dev/null
+++ b/examples/charts/modeldata/doc/modeldata.rst
@@ -0,0 +1,9 @@
+Model Data Example
+=====================
+
+This example shows how to use the QAbstractTableModel derived model as the data
+for the series.
+
+.. image:: modeldata.png
+   :width: 400
+   :alt: Model Data Screenshot
diff --git a/examples/charts/nesteddonuts/doc/nesteddonuts.png b/examples/charts/nesteddonuts/doc/nesteddonuts.png
new file mode 100644
index 000000000..e1885081b
--- /dev/null
+++ b/examples/charts/nesteddonuts/doc/nesteddonuts.png
diff --git a/examples/charts/nesteddonuts/doc/nesteddonuts.rst b/examples/charts/nesteddonuts/doc/nesteddonuts.rst
new file mode 100644
index 000000000..271ca61eb
--- /dev/null
+++ b/examples/charts/nesteddonuts/doc/nesteddonuts.rst
@@ -0,0 +1,7 @@
+Nested Donuts Example
+=====================
+
+This example shows how to create a nested donuts chart using the QPieSeries API.
+
+.. image:: nesteddonuts.png
+   :alt: Nested Donuts Screenshot
diff --git a/examples/charts/percentbarchart/doc/percentbarchart.png b/examples/charts/percentbarchart/doc/percentbarchart.png
new file mode 100644
index 000000000..2f254df1b
--- /dev/null
+++ b/examples/charts/percentbarchart/doc/percentbarchart.png
diff --git a/examples/charts/percentbarchart/doc/percentbarchart.rst b/examples/charts/percentbarchart/doc/percentbarchart.rst
new file mode 100644
index 000000000..abf631f4f
--- /dev/null
+++ b/examples/charts/percentbarchart/doc/percentbarchart.rst
@@ -0,0 +1,17 @@
+Percent Bar Chart Example
+=========================
+
+The example shows how to create a simple percent bar chart.
+
+A percent bar chart shows the data in sets as a percentage of all sets per
+category.
+
+Creating percent bar charts is just like creating a regular bar chart, except
+that for a percent bar charts, we use the QPercentBarSeries API instead of
+QBarSeries. Also, in the bar chart, we used the nice numbers algorithm to make
+the y-axis numbering look better. With the percent bar chart there is no need
+for that, because the maximum y-axis value is always 100.
+
+.. image:: percentbarchart.png
+   :width: 400
+   :alt: Percent Bar Chart Screenshot
diff --git a/examples/charts/piechart/doc/piechart.png b/examples/charts/piechart/doc/piechart.png
new file mode 100644
index 000000000..3f3942c0f
--- /dev/null
+++ b/examples/charts/piechart/doc/piechart.png
diff --git a/examples/charts/piechart/doc/piechart.rst b/examples/charts/piechart/doc/piechart.rst
new file mode 100644
index 000000000..ad60abc68
--- /dev/null
+++ b/examples/charts/piechart/doc/piechart.rst
@@ -0,0 +1,8 @@
+Pie Chart Example
+=================
+
+The example shows how to create a simple pie chart and do some customizations to a pie slice.
+
+.. image:: piechart.png
+   :width: 400
+   :alt: Pie Chart Screenshot
diff --git a/examples/charts/qmlpolarchart/doc/qmlpolarchart.png b/examples/charts/qmlpolarchart/doc/qmlpolarchart.png
new file mode 100644
index 000000000..7fbb63d82
--- /dev/null
+++ b/examples/charts/qmlpolarchart/doc/qmlpolarchart.png
diff --git a/examples/charts/qmlpolarchart/doc/qmlpolarchart.rst b/examples/charts/qmlpolarchart/doc/qmlpolarchart.rst
new file mode 100644
index 000000000..30b7b919f
--- /dev/null
+++ b/examples/charts/qmlpolarchart/doc/qmlpolarchart.rst
@@ -0,0 +1,8 @@
+QML Polar Chart Example
+=======================
+
+This is a demonstration on how to use a polar chart in your QML application.
+
+.. image:: qmlpolarchart.png
+   :width: 400
+   :alt: QML Polar Chart Screenshot
diff --git a/examples/charts/temperaturerecords/doc/temperaturerecords.png b/examples/charts/temperaturerecords/doc/temperaturerecords.png
new file mode 100644
index 000000000..8d486c552
--- /dev/null
+++ b/examples/charts/temperaturerecords/doc/temperaturerecords.png
diff --git a/examples/charts/temperaturerecords/doc/temperaturerecords.rst b/examples/charts/temperaturerecords/doc/temperaturerecords.rst
new file mode 100644
index 000000000..3b13817fb
--- /dev/null
+++ b/examples/charts/temperaturerecords/doc/temperaturerecords.rst
@@ -0,0 +1,10 @@
+Temperature Records Example
+===========================
+
+The example shows how to create a bar chart with negative bars.
+
+For our example we use temperature data.
+
+.. image:: temperaturerecords.png
+   :width: 400
+   :alt: Temperature Records Screenshot