Revision control
Copy as Markdown
// Copyright (C) 2016 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
/*!
\page qtcharts-chartthemes-example.html
\title Creating Charts With Themes
\brief Shows the look and feel of the different built-in themes.
\include gallery.qdocinc
Here change the look and feel of the different built-in themes for some of the supported
chart types.
\image examples_chartthemes_light.png {Screenshot showing light themed charts}
\image examples_chartthemes_brown_sand.png {Screenshot showing brown sand themed charts}
\image examples_chartthemes_blue_cerulean.png {Screenshot showing blue cerulean themed charts}
\section1 Creating Charts
The charts of different types are generated and added to the layout separately. For example, the
line chart is created as follows. The creation of other chart types is similar.
First a chart is created.
\snippet chartsgallery/themewidget.cpp 1
A common set of random data is generated and placed in a list. This list is used in each chart
type to add data to the series of the chart. For the line series, QLineSeries instances are
created and added to the chart.
\snippet chartsgallery/themewidget.cpp 2
Default axes are created for the line series. We also specify ranges for the axes based on the
range of the data used for the series.
\snippet chartsgallery/themewidget.cpp 3
We also want to add more space between the labels and the y-axes. For this we specify a label
format that adds space characters to the labels.
\snippet chartsgallery/themewidget.cpp 4
Finally the line chart is added to the grid layout.
\snippet chartsgallery/themewidget.cpp 5
\section1 Changing Theme
The user can select a built-in theme to be used in the example. This theme is then applied to
all charts in the layout.
\snippet chartsgallery/themewidget.cpp 6
\dots
\snippet chartsgallery/themewidget.cpp 7
\section1 Changing Animation, Legend and Anti-Aliasing
In this example, it is also possible to see how changing animation, legend and anti-aliasing
affects the appearance of the chart.
Based on the user's selection, the used animation type is set on each chart. It is possible to have
no animations in the chart, or have animations for grid axis or series, or both.
\snippet chartsgallery/themewidget.cpp 9
The chart can be shown with a legend. The legend can be aligned to different sides of the chart.
\snippet chartsgallery/themewidget.cpp 10
The user can also see how changing anti-aliasing option changes the appearance of the chart.
Anti-aliasing is updated based on the user's selection.
\snippet chartsgallery/themewidget.cpp 11
*/