如何在Highcharts时间线图表中展示多个相同日期

• 手动设置数据点水平偏移
  Highcharts时间线默认对同日期的点仅做有限堆叠，超过两个会出现重叠。你可以为每个同日期的数据点添加xOffset属性，设置不同的正负像素值，让它们在时间轴上横向错开：

series: [{
  type: 'timeline',
  data: [
    {
      x: Date.UTC(2024, 5, 1),
      name: '事件A',
      label: '事件A详情描述',
      xOffset: -25
    },
    {
      x: Date.UTC(2024, 5, 1),
      name: '事件B',
      label: '事件B详情描述',
      xOffset: 0
    },
    {
      x: Date.UTC(2024, 5, 1),
      name: '事件C',
      label: '事件C详情描述',
      xOffset: 25
    }
  ]
}]

• 利用分组与点范围配置
  通过设置pointRange为一个极小的时间单位（比如1小时的毫秒数），同时开启grouping，让同日期的点自动横向排列，避免重叠：

series: [{
  type: 'timeline',
  grouping: true,
  pointRange: 3600 * 1000, // 定义每个点占用1小时的时间范围
  data: [
    {x: Date.UTC(2024, 5, 1), name: '事件1'},
    {x: Date.UTC(2024, 5, 1), name: '事件2'},
    {x: Date.UTC(2024, 5, 1), name: '事件3'},
    {x: Date.UTC(2024, 5, 1), name: '事件4'}
  ]
}]

• 优化标签与提示框显示
  如果偏移后标签仍有重叠，可通过label.formatter自定义标签位置，或使用tooltip.positioner调整提示框的显示坐标，确保所有信息清晰可读。

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