Увеличьте расстояние между легендой и графиком

Question

Я использую диаграмму ng2 с углом 7. У меня есть круговая диаграмма

Как увеличить расстояние между легендой и графиком?

Я пытаюсь это сделать, но это не работает.

public pieChartOptions: ChartOptions = {
    responsive: true,

    rotation: 0,

    plugins: {
      afterFit: function(chart, options) {
        chart.plugins.register({
          afterFit: function() {
            this.height = this.height + 150;
          },
        })
      },

      datalabels: {
        align: 'end',
        anchor: 'end',
        formatter: (value, ctx) => {
          const label = ctx.chart.data.labels[ctx.dataIndex];
          return value + '% ';
        },

        font: {
          weight: 'bold',
          size: 16,
        }
      }
    }
  };

Answer 1

@ gowtham rajan является верным, на основе этого ответа вы можете использовать простой встроенный плагин для выполнения работы:

{
  beforeInit: function(chart, options) {
    chart.legend.afterFit = function() {
      this.height += 100; // must use `function` and not => because of `this`
    };
  }
}

См. stackblitz дляпример