score:2

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. http://jsfiddle.net/ethanph5/BC7Ks/2/

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:

In HTML:

<script src="http://code.highcharts.com/stock/highstock.js"></script>

In Javascript:

scrollbar: {
    enabled: true
}

Here is my updated jsFiddle: http://jsfiddle.net/ethanph5/BC7Ks/3/


Related Query

More Query from same tag