logo
small logo
  • Produkty
  • Zamów
  • Wsparcie techniczne
  • About
  • Customer panel Wsparcie techniczne
    • en
    • de
    • JP
    • ZH
  • Glówna strona
  • /
  • Articles
  • /
  • Jak używać wykresów Gantta w FastReport Business Graphics?
  • Jak zainstalować FastReport Business Graphics .NET

    18 sierpnia 2021

    Ten artykuł wyjaśnia, jak zainstalować FastReport Business Graphics .NET na Twoim komputerze i jak dodać

    read more
  • Co to jest wykres kołowy?

    6 kwietnia 2022

    Biblioteka FastReport Business Graphics zawiera zestaw klas, które programiści mogą wykorzystać w swoich aplikacjach

    read more
  • Dostosowywanie projektanta raportu

    31 maja 2020

    Report designer jest pełen wielu funkcji, których wielu użytkowników nie używa. Czasami różnorodność ikon i

    read more
  • Jak wyświetlić stopki PageFooter tylko na ostatniej stronie raportu

    15 maja 2020

    Do rozwijania tych samych raportów, lub raportów z tymi samymi wstęgami, można zastosować dziedziczenie raportów.

    read more
  • Jak stworzyć własny pasek narzędzi dla raportu webowego FastReport.NET

    31 maja 2020

    Wielu użytkowników generatorów raportów interesuje ustawienie paska narzędzi podczas przeglądania raportu. Takie pytania pojawiają się

    read more

Jak używać wykresów Gantta w FastReport Business Graphics?

11 października 2021

FastReport Business Graphics

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.

Wykres Gantta

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.

Przykład węzła

Zacznijmy od Palety. Paleta umożliwia pracę nad stylem diagramu. Dzięki niej możesz zmieniać paletę kolorów i style

Edytor palety kolorów

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:

Okno edytora stylów

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ą.

Zmieniony styl węzłów

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:

Zakładka nagłówek

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:

Nowe właściwości zestawu

Teraz nasz wykres wygląda następująco:

Zmieniony diagram

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:

Tabela danych

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: 

Okno właściwości rekordu

 

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:

Tak wygląda diagram z nowym zadaniem, zakresem i zasobem.

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:

Niestandardowa karta danych

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:

Plik tekstowy wypełniony danymi

Mamy 4 kolumny, Name, StartDate, EndDate i Index. Wprowadzamy je jedna po drugiej:

Pola tekstowe do wypełnienia wykresu

Otrzymujemy diagram, który wygląda tak:

Niestandardowy diagram utworzony za pomocą pliku tekstowego z danymi

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 ;)

about product zamów
avatar
German Bagaevski
QA
Fast Reports Team: German Bagaevski - Quality Assurance at Fast Reports
.NET FastReport CSV Customization Business Graphics

Add comment
logo
  • 800-985-8986 (English, US)
  • +4930568373928 (German)
  • +55 19 98147-8148 (Portuguese)
  • info@fast-report.com
  • 901 N Pitt Str #325 Alexandria VA 22314
  • Zamów
  • Pobierz
  • Dokumentacja
  • Opinie użytkowników
  • Jak odinstalować nasze produkty
  • FAQ
  • Tutorial Video
  • Forum
  • Support SLA
  • Articles
  • Our News
  • Prasa o nas
  • Partnerzy
  • Extended licensing
  • Kontakty

© 1998-2023 by Fast Reports Inc.

  • Poufność
  • Cookies Policy

Trustpilot
By clicking “Accept all, you agree Fast Reports can store cookies on your device and disclose information in accordance with our Cookie Policy.