ChartViewHighlighted.qml Example File

qmlcustomlegend/qml/qmlcustomlegend/ChartViewHighlighted.qml
 /****************************************************************************
 **
 ** Copyright (C) 2016 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of the Qt Charts module of the Qt Toolkit.
 **
 ** $QT_BEGIN_LICENSE:GPL$
 ** Commercial License Usage
 ** Licensees holding valid commercial Qt licenses may use this file in
 ** accordance with the commercial license agreement provided with the
 ** Software or, alternatively, in accordance with the terms contained in
 ** a written agreement between you and The Qt Company. For licensing terms
 ** and conditions see https://www.qt.io/terms-conditions. For further
 ** information use the contact form at https://www.qt.io/contact-us.
 **
 ** GNU General Public License Usage
 ** Alternatively, this file may be used under the terms of the GNU
 ** General Public License version 3 or (at your option) any later version
 ** approved by the KDE Free Qt Foundation. The licenses are as published by
 ** the Free Software Foundation and appearing in the file LICENSE.GPL3
 ** included in the packaging of this file. Please review the following
 ** information to ensure the GNU General Public License requirements will
 ** be met: https://www.gnu.org/licenses/gpl-3.0.html.
 **
 ** $QT_END_LICENSE$
 **
 ****************************************************************************/

 import QtQuick 2.0
 import QtCharts 2.0

 ChartView {
     id: chartViewHighlighted
     title: ""
     property variant selectedSeries
     signal clicked
     legend.visible: false
     margins.top: 10
     margins.bottom: 0
     antialiasing: true

     LineSeries {
         id: lineSeries

         axisX: ValueAxis {
             min: 2006
             max: 2012
             labelFormat: "%.0f"
             tickCount: 7
         }
         axisY: ValueAxis {
             id: axisY
             titleText: "EUR"
             min: 0
             max: 40000
             labelFormat: "%.0f"
             tickCount: 5
         }
     }

     MouseArea {
         anchors.fill: parent
         onClicked: {
             chartViewHighlighted.clicked();
         }
     }

     onSelectedSeriesChanged: {
         lineSeries.clear();
         lineSeries.color = selectedSeries.color;
         var maxVal = 0.0;
         for (var i = 0; i < selectedSeries.upperSeries.count; i++ ) {
             var y = selectedSeries.upperSeries.at(i).y - selectedSeries.lowerSeries.at(i).y;
             lineSeries.append(selectedSeries.upperSeries.at(i).x, y);
             if (maxVal < y)
                 maxVal = y;
         }
         chartViewHighlighted.title = selectedSeries.name;
         axisY.max = maxVal;
         axisY.applyNiceNumbers()
     }
 }