jquery - 更改 highcharts y 轴上的刻度以显示时间

Question

我在 Highcharts 在 y 轴上显示时间时遇到问题。我尝试了几件事但没有成功。我的持续时间(绘制婴儿小睡的长度)以秒为单位，但我想以小时:分:秒的形式绘制它。 JavaScript:

$('#napContainer').highcharts({
        title: {
            text: 'Nap Chart'
        },
        xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                day: '%e. %b'
            }
        },
        yAxis: {
            floor: 0,
            type: 'datetime', //y-axis will be in milliseconds
            dateTimeLabelFormats: {
                second: '%H:%M:%S',
            },
            pointInterval: 3600 * 1000
        },
        series: [{
            data: {{ json_encode($napData, JSON_NUMERIC_CHECK) }}
        }]

    });

从我的事件 Controller ，从 MySQL 收集信息:

 $napData = array();

    $naps = $baby->naps()->orderBy('start', 'ASC')->get();
    foreach ($naps as $nap)
    {
        $napData[] = [
            $nap->start->timestamp * 1000,
            $nap->end->diffInSeconds($nap->start)
        ];
    }

Answer 1

试试这个:

// tickInterval: 24 * 3600 * 1000, // one day
labels: {
format: '{value:%a %d %b}',
align: 'right',
rotation: -30
},