我正在尝试使用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分钟按钮。
答案 0 :(得分:0)
您可以设置minrange并按选项启用所有按钮。示例:http://jsfiddle.net/e8ee8e02/5/
xAxis:{
minRange: 10 * 60 * 1000
},
rangeSelector : {
allButtonsEnabled:true
}