angular - renderer.text 在 gevgeny/angular2-highcharts 中不起作用

Question

我正在使用gevgeny/angular2-highcharts在角度项目中使用 highchart。我正在尝试使用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();
             }
          }
    },

我如何renderer.text在 angular2 highcharts 中使用？

Answer 1

最后我从图表事件中得到了想法并修改了我的代码。

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