Why are there disabled buttons in HighStock Range Selector?
<p>I am having an issue with rangeSelector in HighCharts/HighStocks. For some reason,  selections are disables. My question is this, how can I make sure that all range selection buttons are active since data is available for a specific range. Here is a  example.     <a href="http://jsfiddle.net/0sw6ssof/1/" rel="nofollow">link</a></p>

<pre><code>$(function() {

    var seriesOptions = [], seriesCounter = 0, names = ['t1'];
    function createChart() {
        $('#container').highcharts('StockChart', {
            loading: {
                style: {
                    backgroundColor: 'silver'
                },
                labelStyle: {
                    color: 'white'
                }
            },

            rangeSelector : {
                selected : 1
            },

            yAxis : {
                            plotLines : [ {
                    value : 0,
                    width : 2,
                    color : 'silver'
                } ]
            },

            plotOptions : {
            },

            tooltip : {
                valueDecimals : 2
            },
            series : seriesOptions
        });
    }

$.each(names, function(i, name) {

$.getJSON('https://dl.dropboxusercontent.com/u/34899000/data.json?dt=' + name.toLowerCase(), function(
                data) {

            seriesOptions[i] = {
                name : name,
                data : data

            };
            seriesCounter += 1;

            if (seriesCounter === names.length) {
                createChart();
            }
        });
    });
});
</code></pre>