aboutsummaryrefslogtreecommitdiff
path: root/src/graphs
diff options
context:
space:
mode:
authorArseniy Movshev <dodoradio@outlook.com>2023-05-30 15:55:21 +0100
committerArseniy Movshev <dodoradio@outlook.com>2023-05-30 16:36:08 +0100
commitd6b14767bd7a4de6a29337e0acda9d7beb6f1a19 (patch)
treec8bde84b10e314b400f51bead293e8cb50c5a73d /src/graphs
parente833e0551518ff9afd220ea6cd5fb21875db9fc8 (diff)
Move bar graph into a dedicated component
Diffstat (limited to '')
-rw-r--r--src/graphs/BarGraph.qml98
1 files changed, 98 insertions, 0 deletions
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 <dodoradio@outlook.com>
+ * 2019 Florent Revest <revestflo@gmail.com>
+ *
+ * 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 <http://www.gnu.org/licenses/>.
+ */
+
+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)
+ }
+ }
+ }
+}