Добавить полосу прокрутки с минимальной и максимальной датами плавающей диаграммы

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

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

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

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

Спасибо


person CR41G14    schedule 09.08.2013    source источник
comment
возможный дубликат Как добавить полосу прокрутки к флоту график   -  person DNS    schedule 22.01.2014


Ответы (1)


Я не знаю об общедоступной реализации, но этот вопрос на форуме задал то же самое.

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

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

person DNS    schedule 09.08.2013