HighStock Chart:根据用户选择从"导航"窗口中提取时间

Question

我试图使用带有导航窗口的Highstock图表作为基于页面上的时间过滤某些内容的方法.

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

有谁知道如何从图表中提取这些日期/时间？

提前致谢

戴夫

Answer 1

创建一个highstock图表并传递选项,如代码exaple所示.这将为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 
    },
});