增加图例和图表之间的空间

Question

我正在使用角度为7的ng2图表。我有一个饼图

如何增加图例和图表之间的空间？

我正在尝试这个，但它不起作用。

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是正确的，基于this answer你可以使用一个简单的内联插件来完成这项工作：

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

例如，请参阅此stackblitz