Javascript 显示Highcharts timeseries标题中的百分比更改
我有一个用例,需要在图表标题中显示时间序列图表值的百分比变化 到目前为止,我已经尝试获取该系列的第一个和最后一个元素,但这只有在所有数据都可见时才起作用。我需要一种方法来解释缩放按钮和范围选择器元素 关于如何获得当前日期范围的第一个和最后一个y轴值,有什么建议吗Javascript 显示Highcharts timeseries标题中的百分比更改,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,我有一个用例,需要在图表标题中显示时间序列图表值的百分比变化 到目前为止,我已经尝试获取该系列的第一个和最后一个元素,但这只有在所有数据都可见时才起作用。我需要一种方法来解释缩放按钮和范围选择器元素 关于如何获得当前日期范围的第一个和最后一个y轴值,有什么建议吗 $(function() { $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', f
$(function() {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
// Create the chart
$('#container').highcharts('StockChart', {
rangeSelector : {
selected : 1,
},
title : {
text : 'AAPL price change +5%' // how to get the %?
},
series : [{
name : 'AAPL',
data : data,
tooltip: {
valueDecimals: 2
}
}],
});
});
});
编辑:我已尝试根据自己的需要改编另一个示例:
使用的示例:
但是仍然不起作用,即使在我看来完全一样?你可以从yAxis上的min和max获得它
chart:{
events:{
redraw:function(){
var axis = this.yAxis[0];
$('#report').html('Min: ' + axis.max+ ' Max: '+ axis.min);
}
}
},
感谢您的回复!但这并没有显示第一个和最后一个可见的值。例如,对于3m范围,我看到:
Min:580 Max:460
,但第一个可见点显然是489.56,最后一个是553.13(忽略您在JSFIDLE中意外翻转了Min和Max的事实)。Min/Max在yAxis上返回一个值,而不是序列中的y。若你们想得到y值,你们需要捕捉集合极值,然后迭代序列中的每个点,并检查x值。如果是一样的话,那就回到“报告”上来。我不明白你的意思。我只需要图表上第一个和最后一个可见的Y轴值。没有办法得到它吗?我的用例非常简单。取第一个和最后一个当前可见的值,计算差值,将其放入标题中。axis.min和max仅显示完全不同的范围内的最高值和最低值。我的意思是,捕获setextrems,保存minX和maxY(从xAxis),使用系列数据上的循环,并检查minX或maxY是否为点。