Highcharts无障碍折线图如何将所有系列标签设置在最后一个数据点

要实现所有系列标签都展示在对应系列最后一个数据点上，只需要覆盖默认的系列标签锚定规则即可，配置参考如下：

Highcharts.chart('container', {
  // 图表基础配置、数据等其他内容保持不变
  plotOptions: {
    series: {
      label: {
        // 手动指定标签锚定当前系列的最后一个数据点
        point: function () {
          return this.points[this.points.length - 1];
        },
        // 可选配置：调整标签位置避免遮挡
        connectorAllowed: false, // 关闭标签和数据点之间的连接线
        x: 15, // 标签相对于数据点向右偏移15px
        verticalAlign: 'middle' // 垂直方向和数据点居中对齐
      }
    }
  }
});

配置说明 #

• Highcharts默认会自动计算标签的最优放置位置，避免标签重叠、超出画布，因此默认会出现标签分布在首、中、尾不同数据点的情况。
• 上述配置通过point回调强制覆盖了自动锚定逻辑，固定取每个系列的最后一个数据点作为标签锚点。
• 如果出现右侧标签被裁剪的问题，可额外添加chart.spacingRight: 40配置，给图表右侧预留足够的标签展示空间。

内容的提问来源于stack exchange，提问作者Duc Pham The