set extremes investigation

by Umair Rafiq

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<div id="container" style="height: 400px; min-width: 600px"></div>

<button id="button" class="autocompare">Re-add series</button> =&gt; click me twice to repro the bug

<div id="report" style="font: 0.8em sans-serif"></div>

<script src=""></script>
<script type="text/javascript" src="https://www.highcharts.com/samples/data/three-series-1000-points.js"></script>

JavaScript

$(function() {
    var chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container'
        },
        xAxis: {
            events: {
                setExtremes: function(e) {
                    $('#report').html('<b>Set extremes:</b> e.min: ' + Highcharts.dateFormat(null, e.min) +
                        ' | e.max: ' + Highcharts.dateFormat(null, e.max) + ' | e.trigger: ' + e.trigger);
                }
            }
        },
        scrollbar: {
            enabled: true
        },

        navigator: {
            enabled: true
        },

        rangeSelector: {
            selected: 1
        },

        series: []
    });

    $('#button').click(function() {

        if (chart && chart.series) {
            for (var i = chart.series.length - 1; i >= 0; --i) {
            	if (chart.series[i].name !== 'Navigator') {
	                chart.series[i].remove(false);
                }
            }
        }


        chart.addSeries({
            name: 'ADBE',
            data: ADBE
        }, false);

        chart.addSeries({
            name: 'MSFT',
            data: MSFT
        }, false);

		if (chart.scroller.baseSeries) {
			chart.scroller.setBaseSeries();
        }

        chart.xAxis[0].setExtremes();

        chart.redraw();

        //$(this).attr('disabled', true);
    });
});