如何在 QML chartview line 系列中沿 xaxis 在单独的行中显示时间和日期

Question

我能够在 QML Chartview Lineseries 中沿 x 轴向日期和时间字符串显示纪元值。但是，我想将时间和日期分成单独的行，如附件所示。

有人可以帮我解决这个问题吗？下面是示例代码

Window {
width: 640
height: 480
visible: true
title: qsTr("Hello World")

property var lineSeries

property var x1Val : [1649736833, 1649740465, 1649744065, 1649747665, 1649751265, 1649754865, 1649758465, 1649762065, 1649765665, 1649769265]
property var y1Val : [0,1,2,3,4,5,6,7,8,9]

Component.onCompleted: {

    for(var i = 0; i < 2; i++) {
        lineSeries = chartView.createSeries(ChartView.SeriesTypeLine, "strend" + i)

        lineSeries.axisX = axisx2

        lineSeries.axisY = axisy2

        for(var iLoop = 0; iLoop < x1Val.length; iLoop++) {
            lineSeries.append(x1Val[iLoop] * 1000 + (i * 10000000), y1Val[iLoop])
        }
    }
}

ChartView {
    x: 0
    y: 0
    width: 640
    height: 480

    id: chartView

    DateTimeAxis {
        id: axisx2
        min: new Date(1649736833000)
        max: new Date(1649779265000)
        //format: "yyyy/MM/dd hh:mm"
        format: "hh:mm yyyy/MM/dd"
    }
    ValueAxis {
        id: axisy2
        min: 0
        max: 10
    }
}
}

预期输出

Answer 1

使用如下格式。这会将时间与日期的中心对齐。

格式：“ hh:mm
yyyy/MM/dd” //其中 - HTML 中的间距字符

谢谢大家的帮助

如何在 QML chartview line 系列中沿 xaxis 在单独的行中显示时间和日期

How can I display time and date in separate lines along xaxis in QML chartview line series

charts

qml

qchartview