データラベルの下にハイチャートゲージ針が表示されます

Question

ゲージ針をデータラベルの上に持っていくにはどうすればいいですか？私はzIndexを試しましたが、動作しません。これらは、ゲージのオプション

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

}され、ここで

は、あなたが間違った要素にzIndexを適用しているFiddle

Answer 1

です。

針の上に表示されているデータラベルではなく、yAxisのラベルです。

軸ラベルzIndexのデフォルトは7です。通常、ラベルはプロット領域の外にあります。ほとんどの場合、ラベルは他の要素より上に表示されることをお勧めします。あなたのケースは期待を変えます。

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

更新フィドル：

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

あなたはここで軸ラベルzIndexを調整することができます