Dzisiaj krótko o wykresie liniowym w D3.JS. Mianowicie musiałem poprawić pewien wykres na jednej z moich stron, gdyż poprzedni napisany w jqplot zaczął płatać figle na paru przeglądarkach. Ostatnio słyszałem wiele pozytywnych opinii o możliwościach D3.JS oraz Charts.js. Poszperałem chwilkę w przykładowych wykresach i od razy wpadł mi w oko wykres znaleziony na http://codepen.io/ autorstwa Stefan Judis który to znajduję się pod adresem http://codepen.io/stefanjudis/pen/gkHwJ.
Wykres ten wygląda następująco oraz czego na poniższym screenie nie widać jest ruchomy:
Od razu spróbowałem jak by taki wykres sprawdził sie u mnie i niestety zaczeły się schody.Jak sie okazało powyższy przykład jest wykonany w wersji v3 D3.JS a aktualną wersją jest wersja v4. Ja postanowiłem użyć wersji v4 D3.JS dlatego musiałem wprowadzić kilka zmian aby to zaczeło działać. Działająca wersja powyższego wykresu dostosowana do wersji v4 D3.JS znajduje się pod adresem https://codepen.io/gizmo99/pen/eBrPGd. Wykres jest niemal identyczny gdyż moim celem nie była jego modyfikacja a jedynie dostosowanie do wersji v4. Wykres wygląda następująco:
D3.JS v3: http://codepen.io/stefanjudis/pen/gkHwJ
D3.JS v4: https://codepen.io/gizmo99/pen/eBrPGd
Brak komentarzy:
Prześlij komentarz