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

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

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

以这个堆栈闪电战为例