ハイチャート - プロットラインのソリッドゲージ

Question

プロットラインの形でソリッドゲージの追加情報を表示したいと考えています。私はそれが期待されたようにそれは動作しませんが、私はそれがまったく動作するとは思わなかった。

私はplotLineをゲージのy軸に追加しました。

Axis: { 
      min: 0, 
      max: 200, 
      title: { 
       text: 'Speed' 
      }, 
      plotLines: [{ color: 'green', width: 1, value: 6, dashStyle: 'Dash' }] 
     }, 

私はhighchartsのWebサイトから固体ゲージの例をとると

http://jsfiddle.net/wjaq4da2/

それを編集したこれは動作するように変更することができるか、私は別のアプローチを取る必要がありますか？

Answer 1

Renderer.arc()を使用して円弧をレンダリングし、outerRadiusとinnerRadiusを同じ値に設定できます。

APIリファレンス：
http://api.highcharts.com/highcharts/Renderer.arc

例：
http://jsfiddle.net/1j504gsq/

Answer 2

あなたはプロットラインのラベルを通じて追加の情報を追加しようとすることができます。この例では 同様：

plotLines: [{ 
    color: 'green', 
    width: 1, 
    value: 6, 
    zIndex:10, 
    dashStyle: 'Dash', 
    label: { 
     text: 'Description', 
     verticalAlign: 'top', 
     //textAlign: 'left', 
     y: -5 
    } 
}] 

デモフィドル：http://jsfiddle.net/aabramya/wjaq4da2/21/