javascript - Highcharts.js を使用してドラッグ可能な日付範囲

Question

Highcharts.js を使用して作成された縦棒グラフで使用できるドラッグ イベント、またはグラフ上でそのイベントを潜在的に模倣する方法を知っている人はいますか?

分割縦棒グラフがあります。小さい方の下のグラフは、上のマスター グラフの日付範囲を制御します。現在、範囲を調整する唯一の方法は、小さいグラフのセグメントをクリックして選択することです。以下の画像は、これまでに得たものです。

どちらの方法でもセグメントを引き伸ばしたり調整したりするためのハンドルを備えたドラッグ可能なインターフェイスを作成できるようにしたいと考えています。

Highstock.js にも同じ機能があります (下のスクリーンショット)。

Answer 1

ハイチャートでは、マスター詳細タイプのチャートのみを使用できますhttp://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/dynamic-マスター詳細/

ただし、highstock.js を使用し、ナビゲーター/セリエで縦棒グラフを使用する機能があります。例を見てください

http://jsfiddle.net/UNBP7/

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

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