summaryrefslogtreecommitdiffstats
path: root/examples/charts/qmlchartsgallery/doc/src/examples-qmlcustomlegend.qdoc
blob: ce0e7a1e7fc0ee489af2dbb0b3e6360bf6c97fc6 (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
// Copyright (C) 2016 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only

/*!
    \page qtcharts-qmlcustomlegend-example.html
    \title Customizing Legends
    \brief Shows you how to create your own custom legend.
    \include qmlchartsgallery.qdocinc

    Here we show 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

    \snippet qmlchartsgallery/qml/customlegend/ChartViewStacked.qml 1

    Hovering with mouse on top of the legend will highlight the hovered series.
    (see CustomLegend.qml).

    \image examples_qmlcustomlegend2.png
    \snippet qmlchartsgallery/qml/customlegend/CustomLegend.qml 1
    \snippet qmlchartsgallery/qml/customlegend/CustomLegend.qml 2
    \dots
    \snippet qmlchartsgallery/qml/customlegend/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 qmlchartsgallery/qml/customlegend/ChartViewHighlighted.qml 1
*/