Highcharts桑基图：如何将节点标签移至节点外部？

针对两层级桑基图的节点名称与连接路径重叠问题，可通过正确配置dataLabels属性实现标签移至节点外部，具体实现如下：

• 核心配置逻辑：

  1. 开启dataLabels并设置inside: false，强制标签显示在节点外部
  2. 根据节点所在的左右层级，动态调整标签的对齐方式和偏移量，彻底避开连接路径

• 具体代码示例：
  在桑基图的series配置中添加如下dataLabels配置：

  series: [{
    type: 'sankey',
    dataLabels: {
      enabled: true,
      inside: false, // 关键：将标签置于节点外部
      // 根据层级动态设置对齐方向
      align: function() {
        // 左侧层级（第0层）标签靠右，右侧层级（第1层）标签靠左
        return this.node.level === 0 ? 'right' : 'left';
      },
      // 根据层级设置偏移量，远离节点和连接路径
      x: function() {
        return this.node.level === 0 ? -8 : 8;
      },
      style: {
        fontSize: '12px',
        fontWeight: 'normal'
      }
    },
    // 你的节点、数据等其他配置
    nodes: [...],
    data: [...]
  }]
  

• 未生效原因排查：
  若之前使用dataLabels无效果，通常是未设置inside: false（默认标签在节点内部），或未开启enabled: true导致标签未显示。

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