Как прокручивать Chartjs по горизонтали?

Question

Я использую response-chartjs-2, а также использую плагин масштабирования, но только для панорамирования. он работает вертикально, но не горизонтально. важно указатьtype: "time" в xAxes?

const options = {
  legend: {
    display: false
  },

  tooltips: {
    // mode: "label"
  },

  scales: {
    xAxes: [
      {
        offset: true,
        gridLines: {
          display: false
        }
      }
    ],
    yAxes: [
      {
        type: "linear",
        display: true,
        position: "left",
        id: "y-axis-1",
        gridLines: {
          display: false
        },
        labels: {
          show: true
        },
        ticks: {
          beginAtZero: true,
          min: -100,
          max: 100
        }
      },
      {
        type: "linear",
        display: true,
        position: "right",
        id: "y-axis-2",
        gridLines: {
          // display: false
        },
        labels: {
          show: true
        },
        ticks: {
          beginAtZero: true,
          min: -100,
          max: 100
        }
      }
    ]
  },
  plugins: {
    zoom: { 
      pan: { 
        enabled: true, 
        mode: "xy"
      },
      zoom: { 
        enabled: true, 
        mode: "xy"
      }
    }
  }
};

вы можете проверить полную демонстрацию здесь

любая помощь, пожалуйста?