如何解决Ant Design Area面积图画布边距无法去除、Y轴不从0开始的问题

问题1：去除图表两侧边距，适配外层容器 #

Ant Design Charts底层基于AntV G2Plot，默认X轴会预留两端留白，且当前padding配置未关闭左右内边距，按以下规则修改即可：

• 将padding调整为左右边距为0的配置，仅需保留上下边距可设置为padding: [5, 0, 5, 0]，完全无内边距直接设为padding: 0
• 不要将xAxis设为布尔值false，改为对象配置隐藏轴线的同时，设置渲染范围覆盖全容器：

xAxis: {
  show: false,
  range: [0, 1]
}

问题2：Y轴从0开始配置不生效 #

当前直接将yAxis设为布尔值false，相当于关闭了Y轴所有自定义配置，beginAtZero属性不会被识别生效，改为对象配置隐藏Y轴的同时设置起始值即可：

yAxis: {
  show: false,
  min: 0 // 也可替换为beginAtZero: true，效果一致
}

完整修改后配置示例 #

const config = {
    height: 60,
    data: volumeData,
    autoFit: true,
    xField: "date",
    yField: "count",
    padding: [5, 0, 5, 0],
    xAxis: {
      show: false,
      range: [0, 1]
    },
    yAxis: {
      show: false,
      min: 0
    },
    color: "#916afc",
    legend: false,
    point: {
      shape: 'circle'
    },
  };

内容的提问来源于stack exchange，提问作者Raz