2013-08-09 3 views
1

У меня есть карта флота, в которой используется навигационная вставка и стрелки для панорамирования - 100 пикселей в том направлении, в котором они хотят идти. То, что я хочу сделать, это изменить щелчок стрелок на полосу прокрутки, которая может быть установлена ​​как минимальная и максимальная даты графика.Добавить полосу прокрутки с минимальными и максимальными датами флота диаграммы

Можно ли управлять этой диаграммой с помощью полосы прокрутки? Это текущий код, выполняемый одним щелчком:

.click(function (e) { 
e.preventDefault(); 
plotLines.pan(offset); 
}); 

Если смещение будет либо +100, либо -100px. Было бы неплохо, если бы диапазон дат появился на том, что было видно в этом окне на графике, но это невозможно.

Благодаря

+0

Возможный дубликат [Как добавить полосу прокрутки на график флота] (http://stackoverflow.com/questions/21117279/how-to-add-a-scroll-bar-to-the-flot-graph) – DNS

ответ

0

Я не в курсе общественной реализации, но this forum question спросил то же самое.

Мое предложение в этом сообщении состояло в том, чтобы создать сюжет как обычно, а затем добавить под ним div, который имеет ту же ширину, что и сюжет, и достаточно высокий, чтобы удерживать полосу прокрутки. Вы должны установить для overflow-x значение 'scroll' и overflow-y для 'hidden'. В пределах этого div вы поместили бы другой div с шириной, соответствующей общей ширине ваших данных, то есть больше, чем размер заполнителя.

После этого вы сможете прослушивать события прокрутки и обновлять график в соответствии с положением панели.

Смежные вопросы