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

Question

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

我们有一个拆分柱形图。较小的下方图表控制上方主图表上的日期范围。目前调整范围的唯一方法是单击并选择较小图表的部分。下图是我们目前所拥有的:

我们希望能够制作一个带有 handle 的可拖动界面，以任意方式拉伸(stretch)和调整片段。

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 并在 navigator/serie 中使用柱形图。看例子

http://jsfiddle.net/UNBP7/

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

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