显示在数据标签下的Highchart guage针

Question

如何将标尺针放在数据标签上方。我尝试了zIndex，但它不起作用。这些是量表选项

gauge: {
  pivot: {
    radius: 5,
    backgroundColor: '#ea7001'
  },
  dial: {
    backgroundColor: '#ea7001',
    baseWidth: 5,
    topWidth: 5,
    baseLength: '0%', // of radius
  }
},

}，

这是Fiddle

Answer 1

您正在将zIndex应用于错误的元素。

它不是显示在针上方的数据标签，而是yAxis标签。

轴标签zIndex默认为7 - 通常标签位于绘图区域之外，在大多数情况下，您可能希望它们显示在其他元素之上。你的案子改变了期望。

您可以在此处调整轴标签zIndex：

labels: {
  zIndex: 1, //<--
  step: 1,
  distance: -20,
  style: {
    "font-size": "8px"
  }
},

更新了小提琴：

• http://jsfiddle.net/c14dns2h/1/