renderer.textがgevgeny/angular2-highchartsで動作しない

Question

角度プロジェクトでハイチャートを使用するにはgevgeny/angular2-highchartsを使用しています。 Highcharts.SVGRenderer#textを使用しようとしています。私が使用するのと同じコードがangular2-highchartsにそれがどのように

チェックPlunker

スニペット

chart:{ 
    events:{ 
     load:function(){ 
       var charts=this; 
       charts.renderer.text('Series 1', 10, 11) 
       .attr({ 
        rotation: -25 
       }) 
       .css({ 
        color: '#4572A7', 
        fontSize: '16px' 
       }) 
       .add(); 
      } 
      } 
    }, 

に動作しない場合

それは通常

Woking Fiddle

highstockで働きます私は私たちにできるangular2 highchartsのe renderer.text？

Answer 1

最後に私はchart-eventsからアイデアを得て、自分のコードを修正しました。

class AppComponent { 
    constructor(private http: Http) { 
     http.get('https://cdn.rawgit.com/gevgeny/angular2-highcharts/99c6324d/examples/aapl.json').subscribe(res => { 
      this.options = { 
       chart:{ 
        }, 
       title : { text : 'AAPL Stock Price' }, 
       series : [{ 
        name : 'AAPL', 
        data : res.json(), 
        tooltip: { 
         valueDecimals: 2 
        } 
       }] 
      }; 
     }); 
    } 
    options: Object; 
    onChartload (e) { 
     e.context.renderer.text('Series 1', 100, 170) 
       .attr({ 
        rotation: -25 
       }) 
       .css({ 
        color: '#4572A7', 
        fontSize: '16px' 
       }) 
       .add(); 

    } 
} 

https://plnkr.co/edit/m9Jkg4RrGYvYGrPM64vl?p=preview