Javascript HighStock图表：根据用户在Navigator窗口中的选择提取时间

我试图使用一个带有导航窗口的Highstock图表作为一种根据页面上的时间过滤某些内容的方法

理想情况下，我希望用户将导航器的范围缩小到感兴趣的时间，并能够将开始和结束日期/时间传递给一个可以过滤页面的按钮

有人知道我如何从图表中提取这些日期/时间吗

提前谢谢

---

Dave

创建一个高股价图表，并传递代码示例中所示的选项。这将为

afterSetExtremes

事件创建一个处理程序。正如您在代码中看到的，这允许您将最小和最大日期值提取为类似unix的时间戳。现在，您可以使用这些值执行任何操作。最好将

scrollbar.liveRedraw

设置为false，否则在拖动导航器时，

afterSetExtremes

将永久触发

$('#chart-main').highcharts('StockChart', {

    ... other options

    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'
    },
    scrollbar:{
       liveRedraw: false 
    },
});

---

创建highstock图表并传递选项，如代码示例所示。这将为

afterSetExtremes

事件创建一个处理程序。正如您在代码中看到的，这允许您将最小和最大日期值提取为类似unix的时间戳。现在，您可以使用这些值执行任何操作。最好将

scrollbar.liveRedraw

设置为false，否则在拖动导航器时，

afterSetExtremes

将永久触发

$('#chart-main').highcharts('StockChart', {

    ... other options

    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'
    },
    scrollbar:{
       liveRedraw: false 
    },
});

核对