使用 Highcharts.stock 的 afterSetExtremes 后存储日期

Question

如何在使用 Highcharts.stock 的 afterSetExtremes 后存储日期。

xAxis:{
        events: {
            afterSetExtremes:function(event){
                console.log('---- Date from Chart Object after setting Extremes');
                console.log(new Date(event.min));
                console.log(new Date(event.max));
            }
        },
        type: 'datetime'
    },

使用它从 navigator highcharts stockchart 中获取选定的日期，并希望在日期更改时将日期存储在变量中。

Answer 1

您只需要在更高的范围内创建一些变量并为其赋值：

var fromDate;
var toDate;

Highcharts.stockChart('container', {
    ...,
    xAxis: {
        events: {
            afterSetExtremes: function(event) {
                fromDate = new Date(event.min);
                toDate = new Date(event.max);

                ...
            }
        },
        type: 'datetime'
    },
});

现场演示： http://jsfiddle.net/BlackLabel/cs8q45nw/

API参考：https://api.highcharts.com/highcharts/xAxis.events.afterSetExtremes

使用 Highcharts.stock 的 afterSetExtremes 后存储日期

To store date after using afterSetExtremes of Highcharts.stock

highcharts

angularjs