/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Copyright 2013 - 2020, nymea GmbH * Contact: contact@nymea.io * * This file is part of nymea. * This project including source code and documentation is protected by * copyright law, and remains the property of nymea GmbH. All rights, including * reproduction, publication, editing and translation, are reserved. The use of * this project is subject to the terms of a license agreement to be concluded * with nymea GmbH in accordance with the terms of use of nymea GmbH, available * under https://nymea.io/license * * GNU General Public License Usage * Alternatively, this project may be redistributed and/or modified under the * terms of the GNU General Public License as published by the Free Software * Foundation, GNU version 3. This project is distributed in the hope that it * will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General * Public License for more details. * * You should have received a copy of the GNU General Public License along with * this project. If not, see . * * For any further details and any questions please contact us under * contact@nymea.io or see our FAQ/Licensing Information on * https://nymea.io/license/faq * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ import QtQuick 2.8 import QtQuick.Controls 2.1 import QtQuick.Controls.Material 2.1 import QtQuick.Layouts 1.1 import QtCharts 2.2 import Nymea 1.0 ChartView { id: chart backgroundColor: app.backgroundColor theme: ChartView.ChartThemeLight legend.labelColor: app.foregroundColor legend.font.pixelSize: app.smallFont legend.alignment: Qt.AlignRight titleColor: app.foregroundColor property ThingsProxy meters: null property int multiplier: 1 Connections { target: meters onCountChanged: chart.refresh() } Component.onCompleted: { chart.refresh() } QtObject { id: d property var sliceMap: {} } function refresh() { pieSeries.clear(); d.sliceMap = {} for (var i = 0; i < meters.count; i++) { var thing = meters.get(i); var value = 0; var totalConsumedStateType = thing.thingClass.stateTypes.findByName("totalEnergyConsumed") if (totalConsumedStateType) { var totalConsumedState = thing.states.getState(totalConsumedStateType.id) value = value + (totalConsumedState.value * chart.multiplier) } var totalProducedStateType = thing.thingClass.stateTypes.findByName("totalEnergyProduced") if (totalProducedStateType) { var totalProducedState = thing.states.getState(totalProducedStateType.id) value = value - (totalProducedState.value * chart.multiplier) } var slice = pieSeries.append(thing.name, Math.max(0, value)) var color = app.accentColor for (var j = 0; j < i; j+=2) { if (i % 2 == 0) { color = Qt.lighter(color, 1.2); } else { color = Qt.darker(color, 1.2) } } slice.color = color d.sliceMap[slice] = i } } PieSeries { id: pieSeries holeSize: 0.6 size: 0.8 onClicked: { print("clicked slice", slice, d.sliceMap[slice], meters.get(d.sliceMap[slice])) pageStack.push("../devicepages/SmartMeterDevicePage.qml", {device: meters.get(d.sliceMap[slice])}) } } ColumnLayout { x: chart.plotArea.x + (chart.plotArea.width * 0.5) - (width / 2) y: chart.plotArea.y + (chart.plotArea.height * 0.5) - (height / 2) Label { font.pixelSize: app.largeFont Layout.alignment: Qt.AlignHCenter text: Math.round(pieSeries.sum * 1000) / 1000 } Label { text: "KWh" Layout.alignment: Qt.AlignHCenter } } }