要为Apexcharts的Treemap图添加额外的右侧填充，可以使用Apexcharts的plotOptions选项中的treemap属性来设置。

下面是一个示例代码，演示了如何添加额外的右侧填充：

// 导入Apexcharts库
import ApexCharts from 'apexcharts';

// 数据
const data = {
  series: [{
    data: [{
      x: 'A',
      y: 10
    }, {
      x: 'B',
      y: 20
    }, {
      x: 'C',
      y: 30
    }]
  }]
};

// 配置
const options = {
  chart: {
    type: 'treemap'
  },
  plotOptions: {
    treemap: {
      distributed: true, // 启用数据块间的间隔
      enableShades: false, // 禁用阴影效果
      colorScale: {
        ranges: [{
          from: 0,
          to: 10,
          color: '#FF0000' // 设置第一个范围的颜色
        }, {
          from: 10,
          to: 20,
          color: '#00FF00' // 设置第二个范围的颜色
        }, {
          from: 20,
          to: 30,
          color: '#0000FF' // 设置第三个范围的颜色
        }]
      },
      dataLabels: {
        enabled: true,
        style: {
          fontSize: '12px',
          fontFamily: 'Helvetica, Arial, sans-serif'
        }
      }
    }
  }
};

// 创建图表
const chart = new ApexCharts(document.querySelector('#chart'), options);

// 渲染图表
chart.render();

在以上示例代码中，我们通过plotOptions选项中的treemap属性来设置distributed为true，以启用数据块之间的间隔。此外，我们还设置了enableShades为false，以禁用阴影效果。

我们还通过colorScale属性设置了数据块的颜色范围，并通过dataLabels属性设置了数据标签的样式。

最后，我们使用new ApexCharts()创建了一个图表实例，并通过render()方法将图表渲染到指定的DOM元素中。

请根据您的需求修改以上代码，并将其添加到您的项目中即可实现Apexcharts Treemap图添加额外的右侧填充。