javascript - 使用 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-主细节/

但是您可以使用 highstock.js 并在 navigator / serie 中使用柱形图。看例子

http://jsfiddle.net/UNBP7/

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

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