我曾尝试使用react-chartjs 2制作一个饼图，它在桌面视图中工作正常，但在移动的视图中图例没有响应，它占用了很多空间，因此饼图的大小变得非常小。
我代码：

function Chart(props: any) {
  const option = {
    tooltips: {enter image description here
      callbacks: {
        label: function (tooltipItem: any, data: any) {
          var dataset = data.datasets[tooltipItem.datasetIndex];
          var meta = dataset._meta[Object.keys(dataset._meta)[0]];
          var total = meta.total;
          var currentValue = dataset.data[tooltipItem.index];
          var percentage = parseFloat(
            ((currentValue / total) * 100).toFixed(1)
          );
          return currentValue + " (" + percentage + "%)";
        },
        title: function (tooltipItem: any, data: any) {
          return data.labels[tooltipItem[0].index];
        },
      },
    },
    legend: {
      display: true,
      labels: {
        fontSize: 12,
      },
      position: "right",
    },
  };
  return (
    <div className="chart">
      <Pie data={props.ChartData} options={option} />
    </div>
  );