Accepted answer

Feel free to check the following jsFiddle, I made some changes based on your jsFiddle. But not quite sure if it's what you looking for or not.

xAxis: {
    type: 'datetime',
    maxZoom: 7 * 24 * 3600000,
    tickInterval: 24 * 3600 * 1000,
    minTickInterval: 60 * 1000,
    minRange: 1800 * 1000

To get more zoom in, you should play around with minTickInterval and minRange to see what's the best setting for your need.

To add a scrollbar to x axis, here are the answers: How to enable Highcharts scrollbar? and highcharts scroll through axis

The key changes are:


<script src=""></script>

In Javascript:

scrollbar: {
    enabled: true

Here is my updated jsFiddle:

Related Query

More Query from same tag