使用Highcharts.js可拖动日期范围

Question

有没有人知道可以在使用Highcharts.js创建的柱形图上使用的任何拖动事件，甚至可以知道如何在图表上模拟该事件？

我们有一个拆分柱形图。较小的下方图表控制上面主图表上的日期范围。目前，调整范围的唯一方法是单击并选择较小图表的片段。下图是我们到目前为止的情况：

我们希望能够创建一个带有手柄的可拖动界面，以便以任何方式拉伸和调整线段。

Highstock.js中有相同的功能（截图如下）：

Answer 1

在highcharts中，您只能使用图表http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/dynamic-master-detail/

的主要详细信息类型

但是你有能力使用highstock.js并在导航器/系列中使用柱形图。看看例子

http://jsfiddle.net/UNBP7/

navigator:{
            series:{
                type:'column'
            }
        },

http://api.highcharts.com/highstock#navigator.series