Consistent and intuitive API for controlling tick interval in DateTimeAxis and ValueAxis

import QtQuick
import QtQuick.Layouts
import QtQuick.Controls.Basic
import QtGraphs

ApplicationWindow {
    width: 800
    height: 600
    visible: true

    header: GridLayout {
        columns: 2

        Label { text: `Tick Interval (${tickSlider.value})`}
        Slider {
            id: tickSlider
            from: 1
            value: 5
            to: 10
            stepSize: 1
            Layout.fillWidth: true
        }

        Label { text: `X Range (${xSlider.value})` }
        Slider {
            id: xSlider
            from: 1
            value: 5
            to: 10
            stepSize: 1
            Layout.fillWidth: true
        }
    }

    GraphsView {
        id: valueGraph
        anchors.fill: parent
        anchors.bottomMargin: parent.height/2

        property real startX: 0
        property real finalX: xSlider.value

        axisY: ValueAxis { min: 0; max: 10 }
        axisX: ValueAxis {
            min: valueGraph.startX
            max: valueGraph.finalX
            tickInterval: tickSlider.value
        }
    }

    GraphsView {
        id: dateGraph
        anchors.fill: parent
        anchors.topMargin: parent.height/2

        property date startX: new Date("2000-01-01T00:00:00Z")
        property date finalX: {
            let d = startX
            d.setDate(d.getDate() + xSlider.value)
            console.log(d)
            return d
        }

        axisY: ValueAxis { min: 0; max: 10 }
        axisX: DateTimeAxis {
            labelsAngle: 45
            labelFormat: "yyyy-MM-dd"
            min: dateGraph.startX
            max: dateGraph.finalX
            tickInterval: tickSlider.value
        }
    }
}