2013-04-29 19 views
9

Chciałbym użyć danych z oprogramowania do planowania stron trzecich do tworzenia diagramów typu Gantta lub osi czasu do wyświetlania danych planowania zakładu na stronie internetowej. Wymagania obejmująwykresy Gantta javascript - wykresy danych według dnia/godziny/minuty

  • javascript/html (5)/rozwiązanie css (bez lampy błyskowej, jeśli to możliwe)
  • głównie do wykresów gantts/typ linii czasu, ale inne typy wykresów mogą być użyteczne
  • oparty na jQuery lub jeśli prototyp możliwy
  • skala czasu powinna pozwalać na godziny/minuty - jest to ważne dla planowania pracy/maszyny. (5-minutowych odstępach może być wystarczająca)
  • open source lub niski koszt
  • wolą nie mieć z rolki moje własne rozwiązanie

mogę przynieść danych i manipulować go z PHP i JavaScript. Spojrzałem na kilka paczek (większość tutaj streszczonych - Gantt Chart online), jednak większość wydawała się słaba na reprezentowanie czasu pod względem godzin i minut. jQuery.Gantt wyglądał jak najlepsze rozwiązanie, chociaż wydaje się, że cierpi na brak możliwości wyświetlania wyraźnych odstępów w minutach lub ułamkach godzin.

Czy ktoś używa pakietu dla tych wymagań lub może pokonać ograniczenia jquery.gantt?

dzięki

przykładem. W tym renderowaniu jquery.gantt nie można ustalić, czy prace powinny rozpocząć się o 16:10, czy o 16:15. enter image description here

+1

Zobacz ten wątek StackOverflow, ma kilka dobrych opcji podsumowane. http://stackoverflow.com/questions/9085614/gantt-chart-in-javascript-jquery-extjs –

Odpowiedz

4

RadiantQ's jQuery Gantt Package jest idealny do realizacji wymagań. Jest zbudowany przy użyciu natywnego HTML5, obsługuje godziny, minuty i niestandardowe typy skal czasowych.

Wypełniony ogromnym zestawem funkcji i opcji dostosowywania, powinieneś być w stanie wykreślić dowolne informacje na osi czasu.

Można łatwo powiązać z dowolnym JSON lub innymi rodzajami danych, a także użyć wzorców MVVM, takich jak KO.

Zobacz demo online: here.

+1

wygląda bardzo potężnie. Moje potrzeby dotyczą raczej wyświetlania istniejących danych, a nie całej aplikacji online. Nie jestem pewien, czy Radiant to popiera. 700-1400 USD cena nie jest całkiem wolna, ale wciąż dużo tańsza niż rozwój własny. –

+0

Należy zauważyć, że pakiet ma 2 widżety jQuery Gantt, które można skonfigurować do wyświetlania danych. Powyższy link to strona demonstracyjna online, która została stworzona w celu zilustrowania różnych funkcji dostępnych w Gantta. Ty, zintegrujesz widget tylko na swoich stronach i zapełnisz go swoimi danymi. – karthik

5

Spójrz na dhtmlxGantt, wykres Gantta JavaScript z otwartym źródłem (GPL). Posiada dostosowywaną skalę czasową, dzięki czemu możesz wyświetlać skalę godzin/minut i zapewnia łatwą integrację z jQuery.

(Zastrzeżenie: Pracuję dla DHTMLX)

+0

Sprawdziłem ten adres URL. Ale wykres Gantta jest tylko na licencji. możesz to wyczyścić –

+0

dhtmlxGantt również ma wersję GPL, sprawdź to https://dhtmlx.com/docs/products/dhtmlxGantt/#editions-licenses – Paul

1

ja też rozpoczęła projekt z jQuery.Gantt. Wpadłem na to samo niewygodne, a później znalazłem to. Mam nadzieję, że to pomoże innym ludziom:

angular-gantt

nie próbowałem go na produkcji lub dużego danych ustawia chociaż. Zaletą tej biblioteki jest to, że ma licencję MIT, co oznacza, że ​​można jej używać w komercyjnym rozwiązaniu.

0

Czy ktoś jeszcze szuka takiej biblioteki wykresów Gantta z ziarnistymi skalami czasowymi (minuta-sekundy)? znalazłem Google Wykresy Gantta Google TimeLine Chart bardzo przydatne (choć nazywają to czasu Wykres)

Innym swobodnie korzystać z biblioteki JavaScript wykresu Gantta jest Amcharts