blob: b8f307ef6f00977e7858844d608c50629a552f82 (
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
40
41
42
43
|
/*!
\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.
\table
\row
\li \br
The main view of the application shows a stacked area chart. This is how one of
\br
the stacked areas is created. See ChartViewStacked.qml and AnimatedAreaSeries.qml.
\br
\br
\snippet qmlcustomlegend/qml/qmlcustomlegend/ChartViewStacked.qml 1
\li \inlineimage examples_qmlcustomlegend1.png
\row
\li \br
Hovering with mouse on top of the legend will highlight the hovered series.
\br
(see CustomLegend.qml).
\br
\br
\snippet qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 1
\snippet qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 2
\dots
\snippet qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 3
\li \inlineimage examples_qmlcustomlegend2.png
\row
\li \br
You can also select one of the stacked areas for a closer look as a line series by
\br
a mouse click (see ChartViewHighlighted.qml).
\br
\br
\snippet qmlcustomlegend/qml/qmlcustomlegend/ChartViewHighlighted.qml 1
\li \inlineimage examples_qmlcustomlegend3.png
\endtable
*/
|