Highcharts spline图表datetime轴ordinal配置不生效问题求助

你当前配置无法实现时间轴真实间距渲染的核心原因是：给设置为datetime类型的x轴强行赋值了categories属性。Highcharts的规则是，只要x轴配置了categories，就会强制切换为分类轴模式，所有数据点沿x轴等间距排列，完全忽略时间戳对应的实际时间差，你配置的ordinal: false也会因此失效。

你当前接口返回的时间戳本身是符合Highcharts要求的毫秒级时间戳格式，不需要额外做时间格式转换，只需要调整配置逻辑即可。

• 删除错误的分类轴赋值逻辑：去掉options.xAxis.categories = json[0]['data'];这行代码，这是触发等距分类轴的直接原因。
• 调整series数据格式：datetime类型的x轴要求传入的series数据为[时间戳, 对应数值]的二维数组结构，你当前接口把时间、体重拆成了两个独立数组返回，需要遍历将两个数组按索引一一拼接成符合要求的点格式。
• 配置项适配：如果使用的是Highstock，保留xAxis下的ordinal: false配置即可；如果使用普通版Highcharts，datetime轴默认就会按真实时间间距渲染，不需要额外添加ordinal参数（该参数为Highstock专属）。

$(document).ready(function() {
    var options = {
        chart: {
            renderTo: 'container',
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'spline'
        },
        title: {
            text: theTitle,
            x: -20              
        },
        xAxis: {
            ordinal: false, // 仅Highstock需要该配置关闭默认等距排序
            type: 'datetime',
            labels: {
                formatter: function() {
                    return Highcharts.dateFormat('%b %e (%y)', this.value);
                }
            }   
        },
        series: [{}]
    }

    $.getJSON("data_weight_loss.php", function(json) {
        const timeList = json[0]['data'];
        const weightList = json[1]['data'];
        // 拼接为datetime轴要求的点格式
        const chartData = timeList.map((timestamp, idx) => [timestamp, weightList[idx]]);
        options.series[0].name = json[1]['name'];
        options.series[0].data = chartData;
        
        const chart = new Highcharts.Chart(options);
    });
});

修复完成后，x轴会自动根据时间戳的真实差值计算点间距：间隔多天的两个数据点之间的水平距离，会按时间差比例拉长，缺失记录的空白时间段也会正常显示，不会再出现所有点等距排列的问题。

内容的提问来源于stack exchange，提问作者Palendrone