显示Highcharts时间序列标题中的百分比变化

时间:2014-01-06 15:37:33

标签: javascript highcharts highstock

我有一个用例,我需要在图表标题中显示时间序列图表值的百分比变化。

到目前为止,我已尝试获取该系列的第一个和最后一个元素,但这只适用于所有数据都可见的情况。我需要一种方法来考虑缩放按钮和范围选择器元素。

有关如何获取当前日期范围的第一个和最后一个轴y值的任何建议?

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

编辑:我尝试根据自己的需要调整其他示例:http://jsfiddle.net/F8MjD/5/

使用的示例:http://jsfiddle.net/NsD3s/7/

但是仍然不起作用,即使它对我看起来完全一样吗?

1 个答案:

答案 0 :(得分:2)

你可以从yAxis的最小值和最大值获得它。

 chart:{
            events:{
                redraw:function(){
                    var axis = this.yAxis[0];

                    $('#report').html('Min: ' + axis.max+ ' Max: '+ axis.min);

                }
            }

        },  

http://jsfiddle.net/F8MjD/4/