Добавете лента за превъртане с диаграма на минимални и максимални дати

Имам флотска диаграма, която използва приставката за навигация и стрелките за панорамиране - 100 пиксела в посоката, в която искат да отидат. Това, което искам да мога да направя, е да променя щракането на стрелките на лента за превъртане, която може да бъде зададена като минимални и максимални дати на графиката.

Възможно ли е да контролирате тази диаграма чрез лента за превъртане? Това е текущият код, изпълняван при щракване:

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

Където отместването ще бъде +100 или -100px. Би било хубаво, ако периодът от време се показва върху това, което се вижда в този прозорец на графиката, но това не е възможно.

Благодаря


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


Отговори (1)


Не знам за публично внедряване, но този въпрос във форума задаваше същото.

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

След това ще можете да слушате за събития на превъртане и да актуализирате графиката според позицията на лентата.

person DNS    schedule 09.08.2013