Highstock 上的自定义按钮未启用
Custom buttons on Highstock not enabled
我正在尝试使用 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)
2011 年 10 月 6 日星期四08:00:00
2011 年 10 月 6 日星期四 08:01:00
2011 年 10 月 6 日星期四 08:02:00
2011 年 10 月 14 日,星期五 15:57:00
2011 年 10 月 14 日星期五 15:58:00
2011 年 10 月 14 日星期五 15:59:00
我们可以看到每分钟都有可用数据,所以我不确定为什么我无法启用 2 分钟、3 分钟按钮。
您可以通过选项设置最小范围和启用所有按钮。示例:http://jsfiddle.net/e8ee8e02/5/
xAxis:{
minRange: 10 * 60 * 1000
},
rangeSelector : {
allButtonsEnabled:true
}
我正在尝试使用 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)
2011 年 10 月 6 日星期四08:00:00
2011 年 10 月 6 日星期四 08:01:00
2011 年 10 月 6 日星期四 08:02:00
2011 年 10 月 14 日,星期五 15:57:00
2011 年 10 月 14 日星期五 15:58:00
2011 年 10 月 14 日星期五 15:59:00
我们可以看到每分钟都有可用数据,所以我不确定为什么我无法启用 2 分钟、3 分钟按钮。
您可以通过选项设置最小范围和启用所有按钮。示例:http://jsfiddle.net/e8ee8e02/5/
xAxis:{
minRange: 10 * 60 * 1000
},
rangeSelector : {
allButtonsEnabled:true
}