Angularjs 如何在ionic 2中使用highcharts呈现html

Angularjs 如何在ionic 2中使用highcharts呈现html,angularjs,highcharts,ionic2,Angularjs,Highcharts,Ionic2,我尝试过这样做,但无法设置示例中所示的位置,我想用ionic 2做什么 我在导出类中尝试了以下内容: this.chart1 = { chart: { type: 'pie', }, series: [{ data: [14,14], size: '100%', innerSize: '95%', }, { data: [21,7],

我尝试过这样做,但无法设置示例中所示的位置,我想用ionic 2做什么

我在导出类中尝试了以下内容:

this.chart1 = {
      chart: {
        type: 'pie',
      },
      series: [{
        data: [14,14],
        size: '100%',
        innerSize: '95%',
      },
        {
          data: [21,7],
          size: '82%',
          innerSize: '95%',

        }]
    }, function(chart1) {
        var renderer = chart1.renderer,
            series1 = chart1.series[0],
            series2 = chart1.series[1],
            r1 = series1.points[0].shapeArgs.r,
            r2 = series2.points[0].shapeArgs.innerR,
            center = series1.center;

        console.log(series1);

        [0, 90, 180, 270].forEach(angle => {
            var rad = angle * Math.PI / 180;
            var path = renderer.path([
                'M',
                center[0] + r2 * Math.cos(rad),
                center[1] + r2 * Math.sin(rad),
                'L',
                center[0] + r1 * Math.cos(rad),
                center[1] + r1 * Math.sin(rad)
            ]).attr({
                'stroke-width': 4,
                stroke: 'grey'
            }).add(series2.group);
        })

    };
我自己解决的 添加以下事件以加载和重绘调整大小事件:-

Html部分

<chart [options]="chart1" class="highchart_container charthigh" (load)="saveChart($event.context)" (redraw)="saveChart($event.context)"> </chart>
    constructor(public navCtrl: NavController) {
        this.chart1 = {
          chart: {
            type: 'pie',           
          },
          title : 'test',
          plotOptions: {
            pie: {
              shadow: false,
              center: ['50%', '50%'],
                size:'250'
            }
          },
          series: [{
            data: [14,14],
            size: '100%',
            innerSize: '95%',        
          },
            {
              data: [21,7],
              size: '82%',
              innerSize: '95%',
            }]
        };
    }
chart1: Object;
    saveChart(chart1) {
/*here on chart1 object you get its position and set the html by using jquery below is my chart center points*/
var textX1 = chart1.plotLeft + (chart1.plotWidth  * 0.5);
         var textY1 = chart1.plotTop  + (chart1.plotHeight * 0.5) + $('.weeks-check-box').height();
}