Item
{
    id: root

    property int        minorTickCount: 4
    property string     titleText: titleText.text
    property int        tickInterval: 5             // колличество долей и значений между максимальным и минимальным значением
    property double     min: 0
    property double     max: 4

    width: 50
    height: 120

    Text
    {
        id: titleText
        text: qsTr("ValueAxis")
        rotation : 270
        anchors.verticalCenter: parent.verticalCenter
        anchors.left: parent.left
    }

    Rectangle
    {
        id: mainLine

        width: 1
        height: parent.height
        anchors.right: parent.right
        color: "black"
    }

    ColumnLayout
    {
        // anchors.fill: parent
        anchors.right: mainLine.left
        anchors.top: root.top
        anchors.bottom: root.bottom

        Repeater
        {
            model: 8

            delegate: Rectangle
            {
                width: root.width / 2
                height: 2
                color: "#44ff0000"
            }
        }
    }
}