Inhalt:

Daten- / Objektstruktur
Beispiel Füllen mit Daten
Chartkonfiguration
- Konfiguration Timeline

Optimale Datenstruktur (Datenbank):

Kategorie 1 - y-Achse	Kategorie - x-Achse	Beginn	Ende

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