更改高图 y 轴上的比例以显示时间答案

【问题标题】：Changing scale on y-axis of highcharts to display time更改高图 y 轴上的比例以显示时间
【发布时间】：2014-07-24 16:51:49
【问题描述】：

Highcharts 在 y 轴上显示时间时遇到问题。我已经尝试了几件事但没有成功。我的持续时间（婴儿午睡的图表长度）以秒为单位，但我想以 h:m:s 为单位。 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) }}
        }]

    });

从我的事件控制器，从 MySQL 收集信息：

 $napData = array();

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

【问题讨论】：

澄清一下，我的 y 轴从 1 月 1 日开始以毫秒为单位显示。我希望它测量持续时间，而不是日期和时刻。
你能粘贴你的json吗？

标签： jquery mysql highcharts

【解决方案1】：

试试这个：

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

【讨论】：

不会改变我的输出。