如何平移按钮的单击？

如何解决如何平移按钮的单击？

我正在使用react-chartjs2来显示通过使用chartjs-plugin-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,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
    }
  };

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

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