Как отображать метки за пределами границы круговой диаграммы?

Круговая диаграмма

Я использовал ng2-диаграммы (chart.js) в angular. Мне нужно, чтобы метки выходили за границы круговой диаграммы, как на прикрепленном изображении. На данный момент я отключил атрибут lengend. Я задаю цвета меток и фона через @Input(). Я мог бы разместить метки выше / ниже, изменив атрибут pieChartLegend, но они мне нужны за пределами границ. Положение границ будет динамически изменяться в зависимости от ввода, но метка за пределами границы будет статической.

public pieChartOptions: ChartOptions = {
  responsive: true,
  legend: {
    display: false
  }
};

chartlabels: Label[] = [];
chartdata: SingleDataSet;

public chartType: ChartType = 'pie';
// public pieChartLegend = {display:true,position:'bottom'};
// public pieChartPlugins = [];

public chartcolors: Array<any> = [
  {
    backgroundColor: "",
    borderWidth: 1,
  }
];

<canvas baseChart 
    [data]="chartdata" 
    [labels]="chartlabels" 
    [chartType]="chartType"
    [colors]="chartcolors"
    [options]="pieChartOptions">
</canvas>