甜甜圈上的多余保证金react-chartjs-2

Question

我的甜甜圈图顶部没有多余的边距，如何删除呢？

这就是我的图表的样子 react js chart with margin-top 我的代码：

<Doughnut data={chartData} height={80} width={100} options={chartOptions} />

const chartOptions = {
    title: {
      display: 'bottom',
      fontSize: 25,
    },
    legend: {
      display: false,
    },
    layout: {
      responsive: true,
      maintainAspectRatio: true,
    },
  }

Answer 1

您必须在选项对象中传递边距和填充

 layout: {
  padding: {
    left: 0,
    right: 0,
    top: 0,
    bottom: mgBottom,
  },
  margin: {
    left: 0,
    right: 0,
    top: 0,
    bottom: 0,
  },