如何将gauge标签置于左侧？实现plotLine的0标签随动外置

需求：将数值0的标签固定在gauge图表外部，且随对应的plotLine同步移动（因plotLine位置动态变化，无法用固定x/y定位）。

关键解决方案 #

利用Highcharts中plotLine标签的**distance**属性实现相对偏移，结合对齐属性确保标签始终处于gauge外部，无需固定坐标。修改你的plotLines配置如下：

yAxis: {
  // 其他原有配置保持不变...
  plotLines: [
    {
      value: 0,
      zIndex: 5,
      width: 4,
      color: "#000",
      label: {
        text: "0",
        // 核心配置：设置标签与plotLine的偏移距离，向外延伸
        distance: 15, 
        align: "center",
        verticalAlign: "middle",
        style: {
          color: "#000",
          fontSize: "10px",
        },
      },
    },
  ],
},

补充说明 #

• distance值可根据你的gauge尺寸调整，数值越大标签越远离图表中心（外部）；
• 若gauge为特殊方向（如半圆、反向），可配合rotation属性调整标签方向，确保可读性；
• 当前yAxis的全局labels配置仅作用于轴刻度，不会影响plotLine的独立标签。

内容的提问来源于stack exchange，提问作者Rafael Rodelo Osorio