javascript - Google 縦棒グラフの垂直方向のパン

Question

Google 縦棒グラフを水平方向にパンするための JavaScript または例はありますか? 数か月分のデータがあり、ユーザーがそれを左から右に表示できるようにしたいと考えています。これは私が望む機能です: http://almende.github.io/chap-links-library/js/graph/examples/example05_gaps_in_data.html。私のユーザーは、注釈付きタイムラインの使用に反対しています。

Answer 1

ColumnChart を ChartRangeFilter に接続して、 AnnotatedTimeline のパンおよびズーム機能を取得できます。

[編集]

Visualization API の新しいバージョンでは、explorer オプションを使用してチャートのズームとパンをサポートしています。デフォルトでは、ユーザーはスクロール ホイールでズームし、クリックしてドラッグすることでパンできます。次に例を示します。

function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('number', 'X');
    data.addColumn('number', 'Y');
    var y = 50;
    for (var i = 0; i < 1000; i++) {
        y += Math.ceil(Math.random() * 3) * Math.pow(-1, Math.floor(Math.random() * 2));
        data.addRow([i, y]);
    }

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, {
        height: 400,
        width: 600,
        explorer: {
            axis: 'horizontal',
            keepInBounds: true
        }
    });
}
google.load('visualization',

jsfiddle: http://jsfiddle.net/asgallant/KArng/