Highstock上的自定义按钮未启用

时间:2015-06-03 11:55:22

标签: javascript highstock

我正在尝试使用highstocks显示烛台图表中股票的股票价格。图表的数据来自外部来源http://www.highcharts.com/samples/data/jsonp.php?filename=new-intraday.json

我创建了许多按钮,但是有些按钮没有启用,即使数据存在或似乎存在。确切地说,当看起来数据是每分钟时,我无法启用3分钟,4分钟按钮(我知道按钮数秒和数月将无法工作,因为数据是9天)

我已经把它放在https://jsfiddle.net/amitabhr/e8ee8e02/4/

$(function () {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=new-intraday.json&callback=?', function (data) {

    // create the chart
    $('#container').highcharts('StockChart', {


        title: {
            text: 'AAPL stock price by minute'
        },

        rangeSelector : {
            buttons : [

            {
                type : 'second',
                count : 10,
                text : '10s'
            }, {
                type : 'second',
                count : 30,
                text : '30s'
            },

            {
                type : 'minute',
                count : 1,
                text : '1m'
            },
            {
                type : 'minute',
                count : 3,
                text : '3m'
            },
            {
                type : 'minute',
                count : 4,
                text : '4m'
            },
            {
                type : 'minute',
                count : 5,
                text : '5m'
            },
            {
                type : 'minute',
                count : 10,
                text : '10m'
            },
            {
                type : 'minute',
                count : 15,
                text : '15m'
            },
            {
                type : 'minute',
                count : 30,
                text : '30m'
            },

            {
                type : 'hour',
                count : 1,
                text : '1h'
            },
            {
                type : 'hour',
                count : 6,
                text : '6h'
            },{
                type : 'hour',
                count : 12,
                text : '12h'
            },

             {
                type : 'day',
                count : 1,
                text : '1D'
            },{
                type : 'day',
                count : 2,
                text : '2D'
            },{
                type: 'month',
                count: 1,
                text: '1m'
            }, 

            {
                type: 'month',
                count: 3,
                text: '3m'
            }, {
                type: 'ytd',
                text: 'YTD'
            }, {
                type: 'year',
                count: 1,
                text: '1y'
            }, {
                type : 'all',
                count : 1,
                text : 'All'
            }],
            selected : 1,
            inputEnabled : false
        },

        series : [{
            name : 'AAPL',
            type: 'candlestick',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
});

});

我检查了数据源,下面是该时间的第一个和最后三个读数(毫秒转换为UTC)

星期四06 06 2011 08:00:00
星期四06 06 2011 08:01:00
星期四06 06 2011 08:02:00

2011年10月14日星期五15:57:00
2011年10月14日星期五15:58:00
2011年10月14日星期五15:59:00

我们可以看到数据每分钟都有,所以我不确定为什么我无法启用2分钟,3分钟按钮。

1 个答案:

答案 0 :(得分:0)

您可以设置minrange并按选项启用所有按钮。示例:http://jsfiddle.net/e8ee8e02/5/

xAxis:{
            minRange: 10 * 60 * 1000
},
rangeSelector : {
            allButtonsEnabled:true
}