Inhalt:
- Daten- / Objektstruktur
- Beispiel Füllen mit Daten
- Chartkonfiguration
Optimale Datenstruktur (Datenbank):
Kategorie 1 - y-Achse | Kategorie - x-Achse | Beginn | Ende |
---|---|---|---|
Projekt 1 | Aufgabe 1 | 28.04.2018 | 03.05.2018 |
Projekt 1 | Aufgabe 2 | 01.05.2018 | 08.05.2018 |
Projekt 1 | Aufgabe 3 | 06.05.2018 | 12.05.2018 |
Projekt 2 | Aufgabe 1 | 28.04.2018 | 20.05.2018 |
Projekt 2 | Aufgabe 2 | 06.05.2018 | 25.05.2018 |
Optimale Objektstruktur (Java):
public class TimelineChartObject { private String y_category; private String x_category; private LocalDate start; private LocalDate end; public String getX_category() { return x_category; } public void setX_category(String x_category) { this.x_category = x_category; } public String getY_category() { return y_category; } public void setY_category(String y_category) { this.y_category = y_category; } public LocalDate getStart() { return start; } public void setStart(LocalDate start) { this.start = start; } public LocalDate getEnd() { return end; } public void setEnd(LocalDate end) { this.end = end; } }
Beispiel füllen der Daten:
//Erstellen Model XdevTimeLineChartModel model = new XdevTimeLineChartModel(); model.addItem("Project 1", "Aufgabe 1", LocalDate.of(2018, 4, 28), LocalDate.of(2018, 5, 3)); model.addItem("Project 1", "Aufgabe 2",LocalDate.of(2018, 5, 1), LocalDate.of(2018, 5, 8)); model.addItem("Project 1", "Aufgabe 3",LocalDate.of(2018, 5, 6), LocalDate.of(2018, 5, 12)); model.addItem("Project 2", "Aufgabe 1",LocalDate.of(2018, 4, 28), LocalDate.of(2018, 5, 20)); model.addItem("Project 2", "Aufgabe 2",LocalDate.of(2018, 5, 6), LocalDate.of(2018, 5, 25)); model.addItem("Project 2", "Aufgabe 3",LocalDate.of(2018, 5, 21), LocalDate.of(2018, 5, 28)); model.addItem("Project 2", "Aufgabe 4",LocalDate.of(2018, 6, 6), LocalDate.of(2018, 6, 12)); model.addItem("Project 3", "Aufgabe 1",LocalDate.of(2018, 6, 1), LocalDate.of(2018, 6, 10)); model.addItem("Project 4", "Aufgabe 1",LocalDate.of(2018, 5, 28), LocalDate.of(2018, 6, 6)); //Setzen des Models timelineChart.setModel(model);
API und Methoden:
Füllen der Daten
model.addItem("Project 1", "Aufgabe 1", LocalDate.of(2018, 4, 28), LocalDate.of(2018, 5, 3)); //Parameter 1 ("Project 1"): Kategorie für die y-Achse //Parameter 2 ("Aufgabe 1"): Kategorie für die x-Achse //Parameter 3 (LocalDate.of(2018, 4, 28)): Begin des Zeitraums //Parameter 4 (LocalDate.of(2018, 4, 28)): Ende des Zeitraums
Konfiguration der TimelineOptions
XdevTimelineChartConfig config = new XdevTimelineChartConfig(); TimelineOptions timelineOptions = new TimelineOptions(); timelineOptions.setShowBarLabels(true); //Ein- oder Ausschalten der X-Achsen Beschriftung timelineOptions.setShowRowLabels(true); //Ein- oder Ausschalten der Y-Achsen Beschriftung timelineOptions.setSingleColor("Red"); //Vergeben einer Standardfarbe für alle Bars wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF") timelineOptions.setGroupByRowLabel(true); //Gruppierung der X-Achsen Elemente Ein- oder Ausschalten timelineOptions.setColorByRowLabel(true); //Alle Elemente der Y-Achse mit einheitlicher Farbe kennzeichnen timelineOptions.setRowLabelStyle(...); //Siehe API Allgemein "TextStyle" config.setTimeline(timelineOptions);