我如何使用Highstock rangeSelector获取yAxis Max_value和Min_Value

时间:2015-08-17 10:18:45

标签: highstock

如何使用Highstock rangeSelector获取yAxis Max_value和Min_Value ??

http://jsfiddle.net/r2wm5dyj/

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

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


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

        subtitle: {
            text: 'Using ordinal X axis'
        },

        xAxis: {
        events: {
            setExtremes: function(e) {

                $('#Sdate').html( Highcharts.dateFormat(null, e.min));
                $('#Edate').html( Highcharts.dateFormat(null, e.max));


            }
        }
    },

        rangeSelector : {
            buttons : [{
                type : 'hour',
                count : 1,
                text : '1h'
            }, {
                type : 'day',
                count : 1,
                text : '1D'
            }, {
                type : 'all',
                count : 1,
                text : 'All'
            }],
            selected : 1,
            inputEnabled :false
        },

        series : [{
            name : 'AAPL',
            type: 'area',
            data : data,
            gapSize: 8,
            tooltip: {
                valueDecimals: 1
            },
            fillColor : {
                linearGradient : {
                    x1: 0,
                    y1: 0,
                    x2: 0,
                    y2: 1
                },
                stops : [
                    [0, Highcharts.getOptions().colors[5]],
                    [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                ]
            },
            threshold: null[enter link description here][1]
        }]
    });
});

});

1 个答案:

答案 0 :(得分:0)

我自己找到了一个解决方案

  xAxis: {
        events: {
            setExtremes: function(e) {

                $('#Sdate').html( Highcharts.dateFormat(null, e.min));
                $('#Edate').html( Highcharts.dateFormat(null, e.max));



            },
            afterSetExtremes:function(e)
            {
                  var chart = $('#container').highcharts(),
                 extremes = chart.yAxis[0].getExtremes();
                   $('#HiestTemp').html(extremes.dataMax);
                  $('#LowestTime').html(extremes.dataMin);


            }
        }
    },