Postupné načtení grafu

10. 6. 2014 10:25:45

Zdravim

Potřebuji takovou hříčku a tou je postupné načtení grafu.

Tedy pouze široké čáry s předem nadefinovanou šířkou s tím, že se to postupně načte, resp. "vyjedou" ze středu. Viz náhled:

11589

Funkčnost:

Při načtení stránky budou hodnoty na nule a ty modré čáry plynule vyjedou do hodnot, které každé z nich nastavím a to jak do mínusu, tak do plusu.

Nějaký nápad? Ideálně nějaká hotová jquery srandička.

Předem díky

10. 6. 2014 10:25:45

https://webtrh.cz/diskuse/postupne-nacteni-grafu/#reply1030764

Roman

(15 hodnocení)

10. 6. 2014 10:51:56

třeba: http://www.chartjs.org/

nebo: http://www.jqplot.com/deploy/dist/examples/barLineAnimated.html

něco mají popsáno i tu: http://designmodo.com/jquery-charts-graphs/

10. 6. 2014 10:51:56

https://webtrh.cz/diskuse/postupne-nacteni-grafu/#reply1030763

MadMax

(1 hodnocení)

10. 6. 2014 10:56:32

Ahoj

Asi bude lepsi vyuzit nejakou doporucovanou knihovnu, ja jsem pro animovani cary grafu pouzil jquery animate.

Predpokladam, ze tu hodnotu grafu predstavuje nejaky div v prikladu #graf_value, kteremu nastavis width podle hodnoty kterou chces zobrazit. pak jen pridej Jqeury, kterym nastavis width=0 a zpet width naanimujes na pozadovanou hodnotu, napsal jsem tam 200, ale ty to doplnis z nejake promenne 1200 je rychlost:

Zapornou hodnotu resp. vykresleni doleva jsem nezkousel.

10. 6. 2014 10:56:32

https://webtrh.cz/diskuse/postupne-nacteni-grafu/#reply1030762

Petr Jeník

(71 hodnocení)

10. 6. 2014 11:55:02

Díky oběma

Využiju jednoduchou variantu od MadMaxe - takže jemu díky dvakrát

10. 6. 2014 11:55:02

https://webtrh.cz/diskuse/postupne-nacteni-grafu/#reply1030761

Pro odpověď se přihlašte.

Přihlásit