[Solved]-javascript slider like "highstock slider"-Highcharts

You can try to use http://jsfiddle.net/f7Y9p/

yAxis: {
            height: 0,
            gridLineWidth: 0,
            labels: {
                enabled: false
            }
        },
        xAxis: {
            lineWidth: 0,
            tickLength : 0,
            labels: {
                enabled: false
            }                   
        },
series : [{
            name : 'AAPL',
            lineWidth: 0,
            marker: {
                enabled: false,
                states: {
                    hover: {
                        enabled: false
                    }
                }
            },
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]

empty chart with only navigator, then catch afterSetExtremes() (http://api.highcharts.com/highstock#xAxis.events.afterSetExtremes) and if you get values, then set it in other charts by setExtreme() function http://api.highcharts.com/highstock#Axis.setExtremes().