Z wraz z pojawieniem się FastReport Business Graphics pojawił się ciekawy typ wykresów - wykres Gantta. Przede wszystkim jest to popularny typ wykresów słupkowych do wyświetlania planów, harmonogramów prac dla dowolnych projektów. Wykres Gantta jest jedną z metod planowania projektów i jest wykorzystywany w aplikacjach do zarządzania projektami.
Na początek uruchommy projekt demonstracyjny. Tak wygląda strona startowa po otwarciu Demo Gantt Chart.
Powyżej widzimy nagłówek diagramu, który pokazuje jak wygląda proces tworzenia projektu warunkowego. Po lewej stronie znajduje się lista zadań, a w środku przedziały czasowe wykonywanych zadań.
Zmieńmy trochę ten diagram. Aby przejść do trybu edycji, kliknij prawym przyciskiem myszy na dowolny ciąg znaków i opcję Właściwości, po czym pojawi się okno jak na zrzucie ekranu.
Pod pojęciem węzła rozumiemy tę linię, która oznacza jakąś akcję w projekcie.
Zacznijmy od Palety. Paleta umożliwia pracę nad stylem diagramu. Dzięki niej możesz zmieniać paletę kolorów i style
Color Palette odpowiada za kolorystykę obiektów. Możesz tutaj wybrać gotowe szablony lub dostosować je na swój własny sposób. Aby dostosować paletę, należy najpierw wybrać kolor i kliknąć Add. Zapewne zauważyłeś też przykładowy wygląd diagramu, który znajduje się na dole. Takie rozwiązanie jest wygodne, ponieważ nie musisz zamykać i otwierać okna, aby zobaczyć zmiany.
Przejdźmy teraz do okna Style. To właśnie tutaj możemy zmieniać ciągi znaków.
- Styl Draw odpowiada za to, jak ciąg będzie wyglądał w trybie normalnym.
- Record hovered odpowiada za to, jak będą wyglądały ciągi znaków po najechaniu myszką.
- Record selected jest wciąż w fazie rozwoju.
Zmieńmy teraz Record Hovered. Aby otworzyć okno edycji, wystarczy dwukrotnie kliknąć lewym przyciskiem myszy na nazwę i pojawi się następujące okno:
Styl wypełnienia konfiguruje styl obiektów węzłowych podczas najechania.
Styl gradientu jest potrzebny do elastycznego dostosowywania wyświetlania węzłów przy najechaniu kursorem (tylko dla gradientu).
Styl kreskowania jest potrzebny do elastycznego dostosowywania wyświetlania węzłów podczas najechania kursorem (tylko dla kreskowania).
Jak widzimy, kontrola stylu węzłów jest dość elastyczna. Można zmieniać kolor wypełnienia, styl gradientu, kolor tekstu itd. Istnieje również przykład tego, jak wygląda węzeł po najechaniu myszką.
Dla przykładu, zmieńmy styl dla gradientu, ustawmy dwa kolory, zastosujmy zmiany, a oto jak wygląda węzeł po najechaniu myszką.
Przejdźmy teraz do okna Header. Tutaj możemy zmienić jego wysokość, siatkę pionową i poziomą w diagramie, szablon danych, edycję rozkładu zadań oraz położenie nagłówka. Tak wygląda to okno na wstępie:
Wysokość nagłówka odpowiada za wysokość nagłówka. Jeśli ustawisz Domyślna wysokość nagłówka, to wysokość nagłówka będzie równa dwóm węzłom.
Skala pokazuje interwały zadań, w zależności od tego, którą z nich wybrałeś (dzień, miesiąc, rok).
String pattern odpowiada za format danych, które będą wyświetlane w nagłówku. Domyślnie jest to MMMM (w nagłówku będzie widoczny tylko miesiąc). C# konfiguruje format przyjazny dla użytkownika. Będziesz miał z nim najmniej problemów lub błędów.
Rysuj siatkę poziomą i Rysuj siatkę pionową odpowiadają za to, czy w diagramie będą linie poziome i pionowe.
Pokaż górną datę w nagłówku służy do wyświetlania daty w zależności od ustawień w Skali.
Widok dolny nagłówka pokazuje, gdzie będzie znajdował się miesiąc w nagłówku.
Segmentacja w nagłówku jest ustawiona na wyświetlanie dni (od 1 do 31).
Zmieńmy nasz nagłówek. Ustawmy następujące właściwości:
Teraz nasz wykres wygląda następująco:
Now we have a more precise grid. The month is divided into 10 days and the tasks are evenly distributed.
Let's get to the Data tab, it looks like this:
Tutaj możemy skonstruować nowy zestaw zasobów i zadań, a także kilka funkcji. Zacznijmy od początku.
W Dacie przechowujemy zadania. Możemy je usuwać, dodawać nowe zadania lub sortować.
Resources pokazuje zasoby (często są to pracownicy). Dla wygody można przydzielić im indeks.
Funkcja Text on interval jest potrzebna do wyświetlania zadań bezpośrednio na interwałach.
Pozycja tekstu odpowiada za to, gdzie tekst będzie się znajdował w przedziale.
Maksymalna szerokość bloku z tytułem rekordu jest potrzebna do dostosowania długości listy zadań (kolumna najbardziej wysunięta w lewo).
Należy zwrócić uwagę, że jeżeli wartość jest zbyt mała, to do właściwości zostanie przypisana wartość minimalna. Jest to zrobione po to, aby nie dochodziło do błędów podczas wyświetlania, gdyby użytkownik się pomylił.
Ważne jest, aby wiedzieć, że każdy zasób musi mieć swój unikalny indeks. W przeciwnym razie diagram może działać z problemami.
Możesz również dodać nazwę zadania bezpośrednio na przedziale. Wystarczy zaznaczyć pole w Text on intervals i ustawić pozycję na środku. Dodajmy nowy zasób i zadanie.
Kliknij dwukrotnie na zadanie, aby dodać zasób, zmień daty rozpoczęcia i zakończenia, a zobaczysz nowe okno:
Aby dodać zasób należy wpisać jego nazwę poniżej i kliknąć na przycisk +.
Stworzyliśmy już zadanie w zakładce Dane, teraz tworzymy nowy zasób i klikamy ok. I tak wygląda teraz nasz diagram:
Jak widzimy, w prawym dolnym rogu mamy nowy przedział, który jest w trakcie opracowywania od miesiąca i ma osobny kolor (żółty), żeby się nie pomylić. Nazwa zadania zostanie dodana po lewej stronie nowego okresu.
Gratulujemy, nauczyłeś się jak edytować istniejący diagram. Teraz stwórzmy diagram.
Kliknij na zakładkę Dane niestandardowe na stronie startowej, oto co widzimy po kliknięciu na przycisk:
Aby stworzyć własny diagram, należy najpierw utworzyć plik .csv lub .xml. Przykładem niech będzie plik .csv znajdujący się w katalogu Demos, w którym znajdują się przykładowe diagramy. Wygląda on następująco:
Mamy 4 kolumny, Name, StartDate, EndDate i Index. Wprowadzamy je jedna po drugiej:
Otrzymujemy diagram, który wygląda tak:
Pamiętaj, że mamy tylko 4 kolumny.
Name member - zawiera nazwę zadania.
Start Date member - zawiera datę rozpoczęcia pracy z zadaniem.
End Date member - zawiera datę zakończenia zadania.
Resource member - zawiera nazwy zasobów.
Aby uniknąć problemów, należy pilnować nazw kolumn, które będziemy wypełniać podczas tworzenia wykresu oraz kolejności wprowadzania danych.
Podsumujmy. Ten artykuł przedstawia w szczegółach, jak pracować z wykresem Gantta w FastReport BusinessGraphics. Dowiedzieliśmy się, jak zmienić kolor i styl węzła. Pracowaliśmy z nagłówkiem wykresu i dowiedzieliśmy się, jak dodawać nowe zadania, odstępy czasowe i zasoby. Przy okazji dowiedzieliśmy się, jak stworzyć własny diagram przy użyciu pliku .csv.
Życzymy Powodzenia w korzystaniu z tego rozwiązania ;)