Javascript 如何在点击按钮时平移？

我使用react-chartjs2来显示图表，我使用chartjs插件zoom使其水平滚动。我想在图表上平移，不是通过拖动鼠标，而是通过单击按钮。我已经检查了插件的代码，我猜只要点击一个按钮就可以调用doPan（）函数

const options = {
    layout: {
      padding: {
        top: 200,
        left: 50,
        right: 50
      }
    },
    plugins: {
      datalabels: {
        display: true,
        anchor: "end",
        align: "top"
      },
      setTextMiddle: false,
      zoom: {
        zoom: {
          enabled: false,
          drag: true,
          mode: "x",
          rangeMin: {
            x: "Jan",
            y: null
          },
          rangeMax: {
            x: "June",
            y: null
          }
        },
        pan: {
          enabled: true,
          mode: "x",
          speed: 2, 
        }
      }
    },
    scales: {
      xAxes: [
        {
          gridLines: {
            display: false
          },
          ticks: {
            max: "Dec",
            min: "July"
          }
        }
      ],
      yAxes: [
        {
          display: false,
          ticks: {
            max: 105,
            min: 60
          }
        }
      ]
    },
    maintainAspectRatio: false,
    responsive: true,
    legend: {
      display: false
    }
  };

上面的代码是我在react中用来启用图表平移的代码。任何想法都将不胜感激

在下面的图片中，我可以使用鼠标拖动，我想在左右两侧添加一个按钮，用于在图表上平移