jquery - 「ハイストックスライダー」のようなJavaScriptスライダー

Question

ハイストックスライダーのようにスライダーを取得するにはどうすればよいですか

また

チャートなしでスライダーのみを使用できるように、ハイストックをカスタマイズするにはどうすればよいですか。表のようなページの内容をスライダーの動きでいくつかのグラフに変更したい。

問題を視覚化するために画像を参照してください

スライダーの移動または変更時に、「テーブルデータとチャート」などの完全なページデータを変更する必要があります

Answer 1

http://jsfiddle.net/f7Y9p/を使用してみることができます

yAxis: {
            height: 0,
            gridLineWidth: 0,
            labels: {
                enabled: false
            }
        },
        xAxis: {
            lineWidth: 0,
            tickLength : 0,
            labels: {
                enabled: false
            }                   
        },
series : [{
            name : 'AAPL',
            lineWidth: 0,
            marker: {
                enabled: false,
                states: {
                    hover: {
                        enabled: false
                    }
                }
            },
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]

ナビゲーターのみでチャートを空にしてから、afterSetExtremes（）（http://api.highcharts.com/highstock#xAxis.events.afterSetExtremes）をキャッチし、値を取得したら、setExtreme（）関数http：/で他のチャートに設定します。 /api.highcharts.com/highstock#Axis.setExtremes（）。