ポジションHighchartsラベル

Question

私は例えば、カスタムラベルを持つ基本的なチャートを持っている：

labels: { 
    items: [{ 
    html: 'Testing Label', 
    style: { 
     left: '50px', 
     top: '50px' 
    } 
    }] 
} 

これは動作しますが、私は右側からラベルを配置したいのですが、私がやってみました：

style: { 
    right: '50px', 
    top: '50px' 
} 

が、これは動作しません...

JsFiddleリンク： http://jsfiddle.net/0ze2u47h/3/

Answer 1

chart.labelsではrightプロパティがサポートされていないようです。より複雑な構成の場合、あなたはSVGRendererを使用してラベルをレンダリングすることができます：

chart: { 
    events: { 
     load: function() { 
     var chart = this, 
      renderer = chart.renderer; 

      var label = this.renderer.label('Test label', null, 100).add(); 
      label.attr({ 
      x: chart.plotWidth + chart.plotLeft - label.width 
      }); 
     } 
    } 
    } 

ライブデモ：http://jsfiddle.net/kkulig/aob1e197/

（ないコンストラクタのオプションを経由して）rendererを経由してレンダリングラベルの利点は、あなたがのパラメータにアクセスできることです既に作成された図表とラベル（chart.plotWidth、chart.plotLeft、label.widthの場合）。

---

APIリファレンス：https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#label