Highcharts时间线系列问题：datetime轴下连续颜色显示异常求助

1. 替换timeline系列为bar系列模拟连续标记 #

timeline系列在datetime轴下默认会转为点状展示，改用bar系列来实现连续标记条：

• 把相同标记值的连续时间区间合并为单个数据项，设置bar的横向跨度对应时间区间长度（以ECharts为例，可通过barWidth或直接配置数据的起始/结束时间）
• 调整itemStyle配置，比如设置纯色填充、隐藏边框、圆角等，让bar看起来和目标效果的标记条一致

2. 预处理重复标记数据 #

先对原始数据做聚合处理：

• 遍历数据，将连续出现的相同标记值的时间点合并为完整时间段（记录起始时间与结束时间）
• 聚合后的数据能避免重复渲染点状标记，直接生成连续的时间条

3. 整合折线与标记系列 #

• 折线系列正常配置datetime轴的时间与数值数据
• 将bar标记系列放在同一坐标系，通过z-index控制层级（比如让标记条在折线下方，不遮挡折线数据点）
• 配置tooltip，让鼠标悬停时同时显示折线数值与标记条的标签信息，触发方式设为axis即可关联同时间点的所有系列数据

4. 用custom系列手动绘制标记条 #

如果需要更灵活的样式控制，使用ECharts的custom系列：

• 通过renderItem函数，根据每个时间段的时间范围计算矩形的坐标与宽度
• 自定义矩形的填充色、边框等样式，确保在datetime轴上连续显示

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