blob: e7198306b31b00750dda264070ebc79447da75f0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
// Copyright (C) 2016 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
/*!
\example qmlcustomlegend
\title Qml Custom Legend
\ingroup qtcharts_examples
\brief This example shows you how to create your own custom legend.
This application shows you how to create your own custom legend instead of using the
built-in legend of ChartView API.
The main view of the application shows a stacked area chart. This is how one of
the stacked areas is created. See ChartViewStacked.qml and AnimatedAreaSeries.qml.
\image examples_qmlcustomlegend1.png
\include examples-run.qdocinc
\section1 Customizing Legends
\snippet qmlcustomlegend/qml/qmlcustomlegend/ChartViewStacked.qml 1
Hovering with mouse on top of the legend will highlight the hovered series.
(see CustomLegend.qml).
\image examples_qmlcustomlegend2.png
\snippet qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 1
\snippet qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 2
\dots
\snippet qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 3
You can also select one of the stacked areas for a closer look as a line series by
a mouse click (see ChartViewHighlighted.qml).
\image examples_qmlcustomlegend3.png
\snippet qmlcustomlegend/qml/qmlcustomlegend/ChartViewHighlighted.qml 1
*/
|