Вертикальное панорамирование диаграммы столбцов Google

Question

Есть ли какой-либо JavaScript или примеры горизонтального панорамирования диаграммы Google Column? У меня есть данные за несколько месяцев, и я хотел бы, чтобы пользователи могли просматривать их слева направо. Это функциональность, которую мне бы хотелось: http://almende.github.io/chap-links-library/js/graph/examples/example05_gaps_in_data.html. Мои пользователи отступили от использования Annotated TimeLine.

Answer 1

По иронии судьбы библиотека, на которую я ссылался, фактически использует графики Google Визуализации и делает с ними удивительные вещи, в том числе панорамирование.

Answer 2

Вы можете подключить ColumnChart до ChartRangeFilter и получить функции панорамирования и масштабирования AnnotatedTimeline.

[Редактировать]

Новая версия API визуализации поддерживает масштабирование и панорамирование диаграммы через exploreroption. По умолчанию пользователи могут увеличивать масштаб с помощью колесика прокрутки и панорамирования, нажимая и перетаскивая мышью. Вот пример:

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/