Question

我在HighCharts / HighStocks中遇到rangeSelector问题。出于某种原因，选择是禁用。我的问题是，如何确保所有范围选择按钮都处于活动状态，因为数据可用于特定范围。这是一个例子。 link

$(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();
            }
        });
    });
});

Answer 1

您必须启用范围选择器按钮，因此您必须添加属性allButtonsEnabled并将其设置为true

rangeSelector: {
    allButtonsEnabled: true,
    selected: 1
},

参见文档 http://api.highcharts.com/highstock#rangeSelector

allButtonsEnabled：布尔值   自2.0.3以来

是否从头开始启用所有按钮。默认按钮是   仅在X轴上存在相应的时间范围时才启用，但是   启用所有按钮可以动态加载不同的时间   范围。默认为false。

在您的小提琴中，所有按钮都不会执行任何操作，因为时间轴是1个月，这是最小范围。

为什么HighStock Range Selector中有禁用按钮？

1 个答案: