aboutsummaryrefslogtreecommitdiff
path: root/src/graphs/BarGraph.qml
blob: 2a16e97cf350283bd92dd6c65f71d5b5891bf4c8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/*
 * 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
    property real indicatorLineHeight: 0
    function dataLoadingDone() {
        barsRepeater.model = valuesArr.length
        labelsRepeater.model = labelsArr.length
    }
    Item { // labels column
        id: markerParent
        width: childrenRect.width
        height: parent.height
        anchors {
            left: parent.left
            top: barsRow.top
            bottom: barsRow.bottom
        }
        Repeater {
            model: barGraph.divisionsCount
            delegate: Label {
                width: implicitWidth
                property var value: barGraph.divisionsInterval*index
                text: value > 1000 ? value/1000 + "k" : value
                font.pixelSize: Dims.w(5)
                y: parent.height - parent.height*barGraph.divisionsInterval*index/barGraph.maxValue - height/2
                verticalAlignment: Text.AlignVCenter
            }
        }
    }
    Rectangle { // indicator line
        id: indicatorLine
        height: 1
        z: 1
        width: barsRepeater.count*(barGraph.width-markerParent.width)/Math.max(barGraph.valuesArr.length,3) - height/2
        anchors.left: markerParent.right
        y: barsRow.height*(1-(barGraph,indicatorLineHeight/barGraph.maxValue))
        visible: barGraph.indicatorLineHeight != 0
    }
    Row { // bars
        id: barsRow
        z: 2
        anchors {
            left: markerParent.right
            top: parent.top
            bottom: labelsRow.top
        }
        Repeater {
            id: barsRepeater
            delegate: Item { //this contains the graph column and positions it correctly
                width: (barGraph.width-markerParent.width)/Math.max(barGraph.valuesArr.length,3)
                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
        width: childrenRect.height
        anchors {
            bottom: parent.bottom
            left: barsRow.left
            right: barsRow.right
        }
        Repeater {
            id: labelsRepeater
            delegate: Label {
                width: (barGraph.width-markerParent.width)/barGraph.valuesArr.length
                id: dowLabel
                // anchors.horizontalCenter: parent.horizontalCenter
                horizontalAlignment: Text.AlignHCenter
                text: barGraph.labelsArr[index]
                font.pixelSize: Dims.w(5)
            }
        }
    }
}