Угловой с chart.js - положение легенды

Question

Я пытаюсь построить график, используя chart.js, и все прекрасно работает, но, к сожалению, у меня проблема с установкой легенды рядом с графиком. :( Это похоже на картинку, и я хотел бы иметь легенду, как на втором изображении. Мой код:

   this.chart = new Chart(this.chartRef.nativeElement, {
      type: 'doughnut',
            data: {
                datasets: [{
                    data: [
                        this.randomScalingFactor(),
                        this.randomScalingFactor(),
                        this.randomScalingFactor(),
                        this.randomScalingFactor(),
                    ],
                    label: 'Dataset 1',
                    backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#e8c3b9"],
                }],
                labels: [
                    '0.11 - 0.15 EUR',
                    '0.16 - 0.20 EUR',
                    '0.20 - 0.24 EUR',
                    '0.24 - 0.28 EUR',
                ]
            },
            options: {
                responsive: true,
                legend: {
                    position: 'right'
                },
                title: {
                    display: true,
                    text: 'Service desk in English'
                },
                animation: {
                    animateScale: true,
                    animateRotate: true
                }
            }
    });

В компоненте у меня есть только:

 <canvas #lineChart>{{ chart }}</canvas>

Есть идеи?