0

私は現在、Highcharts チャート作成ライブラリを試していて、その機能に完全に圧倒されています。

私が達成しようとしているのは、永続的でドラッグ可能な「選択」ボックス (またはマスク) をチャートに追加することです。この選択ボックスは、常に特定の固定幅になります。たとえば、チャートに 30 日分のデータがあるとします。幅が 1 日でドラッグ可能なボックスが必要です。ボックスを X 軸に沿って (実際のチャート データの上で) 上下にドラッグすると、選択した日をパラメーターとして使用して他のアプリケーション イベントが発生します。

Highstock チャートのナビゲーターに非常に似たものを探していると思いますが、主な違いは固定幅の選択を維持することです。ヒントや提案をいただければ幸いです。

4

1 に答える 1

1

Highchartsにはそのような組み込み機能はありませんが、Highstock ではスクロールバーのみを使用することもできます。次を参照してください。

$.getJSON('url.json', function(data) {
    var min = data[0][0],     // min
        max = data[500][0];   // max  - e.g. max = min + 24 * 3600 * 1000; as one day


    // Create the chart
    $('#container').highcharts('StockChart', {


        rangeSelector : {
            enabled: false
        },
        navigator: {
            enabled: false
        },
        xAxis: {
            min: min,
            max: max
        },
        title : {
            text : 'AAPL Stock Price'
        },

        series : [{
            name : 'AAPL',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
});
于 2013-07-04T12:16:14.143 に答える