##// END OF EJS Templates
QML sample improvement....
QML sample improvement. Change-Id: I3bd708bc8ed65a3ca11ccf28274ed81c007decd0 Reviewed-by: Mika Salmela <mika.salmela@digia.com>

File last commit:

r2069:fff5aa874bbe
r2532:0fd351ebdc9b
Show More
demos-qmlcustomlegend.qdoc
40 lines | 1.6 KiB | text/plain | TextLexer
/ doc / src / demos-qmlcustomlegend.qdoc
Tero Ahola
Demo about creating a custom legend on QML
r2069 /*!
\example demos/qmlcustomlegend
\title Qml Custom Legend
\subtitle
This demo application shows you how to create your own, custom legend instead of using the
built-in legend of ChartView API.
\table
\row
\o \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 ../demos/qmlcustomlegend/qml/qmlcustomlegend/ChartViewStacked.qml 1
\o \inlineimage demos-qmlcustomlegend1.png
\row
\o \br
Hovering with mouse on top of the legend will highlight the hovered series
\br
(see CustomLegend.qml).
\br
\br
\snippet ../demos/qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 1
\snippet ../demos/qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 2
\snippet ../demos/qmlcustomlegend/qml/qmlcustomlegend/CustomLegend.qml 3
\o \inlineimage demos-qmlcustomlegend2.png
\row
\o \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 ../demos/qmlcustomlegend/qml/qmlcustomlegend/ChartViewHighlighted.qml 1
\o \inlineimage demos-qmlcustomlegend3.png
\endtable
*/