diff options
Diffstat (limited to 'examples/charts/qmlchartsgallery/doc/src/examples-qmlcustomlegend.qdoc')
-rw-r--r-- | examples/charts/qmlchartsgallery/doc/src/examples-qmlcustomlegend.qdoc | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/examples/charts/qmlchartsgallery/doc/src/examples-qmlcustomlegend.qdoc b/examples/charts/qmlchartsgallery/doc/src/examples-qmlcustomlegend.qdoc new file mode 100644 index 00000000..ce0e7a1e --- /dev/null +++ b/examples/charts/qmlchartsgallery/doc/src/examples-qmlcustomlegend.qdoc @@ -0,0 +1,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 +*/ |