From d6b14767bd7a4de6a29337e0acda9d7beb6f1a19 Mon Sep 17 00:00:00 2001 From: Arseniy Movshev Date: Tue, 30 May 2023 15:55:21 +0100 Subject: Move bar graph into a dedicated component --- src/graphs/BarGraph.qml | 98 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 src/graphs/BarGraph.qml (limited to 'src/graphs/BarGraph.qml') diff --git a/src/graphs/BarGraph.qml b/src/graphs/BarGraph.qml new file mode 100644 index 0000000..f5de55f --- /dev/null +++ b/src/graphs/BarGraph.qml @@ -0,0 +1,98 @@ +/* + * Copyright (C) 2023 Arseniy Movshev + * 2019 Florent Revest + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program 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 program. If not, see . + */ + +import QtQuick 2.15 +import org.asteroid.controls 1.0 + +Item { + id: barGraph + anchors.horizontalCenter: parent.horizontalCenter + property var valuesArr: [] + property var labelsArr: [] + property var maxValue: 0 + property var divisionsInterval: 0 + property var divisionsCount: 0 + function dataLoadingDone() { + barsRepeater.model = valuesArr.length + labelsRepeater.model = labelsArr.length + } + Item { // labels column + id: markerParent + width: parent.width/8 + height: parent.height + anchors { + left: parent.left + top: barsRow.top + bottom: barsRow.bottom + } + Repeater { + model: barGraph.divisionsCount + delegate: Label { + anchors.left: parent.left + text: barGraph.divisionsInterval*index + font.pixelSize: Dims.w(5) + y: parent.height - parent.height*barGraph.divisionsInterval*index/barGraph.maxValue - height/2 + verticalAlignment: Text.AlignVCenter + } + } + } + Row { // bars + id: barsRow + anchors { + horizontalCenter: parent.horizontalCenter + top: parent.top + bottom: labelsRow.top + } + Repeater { + id: barsRepeater + delegate: Item { //this contains the graph column and positions it correctly + width: barGraph.width/8 + height: parent.height + Rectangle { + id: bar + anchors.bottom: parent.bottom + anchors.horizontalCenter: parent.horizontalCenter + width: parent.width*2/3 + radius: width/2 + property int value: barGraph.valuesArr[index] + height: (value/barGraph.maxValue)*parent.height + } + } + } + } + Row { //labels row + id: labelsRow + height: Dims.w(5) + anchors { + bottom: parent.bottom + left: barsRow.left + right: barsRow.right + } + Repeater { + id: labelsRepeater + delegate: Label { + width: barGraph.width/8 + id: dowLabel + // anchors.horizontalCenter: parent.horizontalCenter + horizontalAlignment: Text.AlignHCenter + text: barGraph.labelsArr[index] + font.pixelSize: Dims.w(5) + } + } + } +} -- cgit v1.2.3-54-g00ecf