score:0

use the chartjs-plugin-zoom plugin for chart.js where you can use zooming and padding to suit your needs.

plugins: {        
   zoom: {
      pan: {
         enabled: true
      },
      zoom: {
         enabled: true
      }
   }
}

score:6

chartjs doesn't support scrollable axis natively. chartjs charts are responsive and change width according to parent container. you can use this to create a large parent container and have your chartjs canvas inside it. overflow: auto property with little markup should give you the desired result.

see demo: http://jsfiddle.net/rbdqxfzl/140

html

<div class="chartwrapper">
  <div class="chartareawrapper">
    <canvas id="chart" height="400" width="15000"></canvas>
  </div>
</div>

css

.chartwrapper {
  position: relative;
}

.chartwrapper > canvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.chartareawrapper {
  width: 15000px;
  overflow-x: scroll;
}

Related Query

More Query from same tag