Highstock：如何在X轴显示完整数据集并保留数据间隙

嘿，这个问题其实是Highstock和Highcharts的默认行为差异导致的——Highstock默认开启了数据分组（dataGrouping）功能，而Highcharts没有，这就是同一数据集在两个库中显示效果不同的核心原因。

Highstock是为海量时间序列数据优化的，默认会自动把时间间隔相近的数据点合并分组来提升性能，但这也会把原本存在的数据间隙给“填平”。要让Highstock和Highcharts保持一致的显示效果，只需要调整数据分组的配置即可，具体有几种方式：

方式一：全局关闭所有系列的数据分组 #

如果所有数据集都需要保留间隙，可以在图表的全局配置中统一禁用数据分组：

Highcharts.stockChart('container', {
    plotOptions: {
        series: {
            dataGrouping: {
                enabled: false // 全局禁用数据分组
            }
        }
    },
    series: [
        { name: '数据集1', data: yourDataset1 },
        { name: '数据集2', data: yourDataset2 }
    ]
});

方式二：针对单个系列关闭数据分组 #

如果只有部分系列需要保留间隙，其他系列可以继续用数据分组优化性能，直接在对应系列的配置中单独设置：

Highcharts.stockChart('container', {
    series: [
        {
            name: '需要保留间隙的数据集',
            data: yourGapDataset,
            dataGrouping: {
                enabled: false // 仅禁用该系列的数据分组
            }
        },
        {
            name: '可以合并的数据集',
            data: yourGroupDataset
            // 不设置则沿用默认分组逻辑
        }
    ]
});

可选：调整数据分组的触发阈值 #

要是不想完全关闭数据分组，只是希望当数据点间隙足够大时才显示出来，可以调整groupPixelWidth参数。这个参数定义了分组后每个数据点占据的最小像素宽度，当原始数据点的间距超过这个值时，就不会被合并：

dataGrouping: {
    enabled: true,
    groupPixelWidth: 50 // 当数据点间距超过50像素时，不合并
}

按照上面的方式配置后，Highstock就会和Highcharts一样，保留数据间的间隙啦。

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