Как контролировать холст, если на нем есть метка, внешняя метка будет скрыта

Question

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

1. https://www.chartjs.org/docs/latest/

2. https://piechart-outlabels.netlify.com/

Я сталкиваюсь с тем, что внешняя метка будет скрыта, если она находится над размером холста.

Как масштабировать холст, но размер остается? То же самое?

Я прочитал таблицу документов. js похоже, что они не могут их контролировать. Часть моего кода будет показана ниже.

  new Chart(this.ctx, {
  type: 'doughnut',
  data: {
    datasets: [{
        data: data,
        backgroundColor: bgColor,
        borderColor: bgColor
    }],
    labels: ['', '', ''],
  },
  options:{
    zoomOutPercentage: 20,
    legend: {
      display: false,
    },
    plugins: {
      labels: [{
        render: 'value',
        position: 'outside',
      }],
      outlabels: {
        backgroundColor: "#8C1DFF", // Background color of Label
        borderColor: "#001BFF", // Border color of Label
        borderRadius: 17, // Border radius of Label
        borderWidth: 10, // Thickness of border
        color: 'white', // Font color
        display: true,
        lineWidth: 10, // Thickness of line between chart arc and Label
        padding: 10,
        stretch: 100, // The length between chart arc and Label
        text: "%l (%p)",
        textAlign: "center"
      }
    }
  }
});