/
XdevTimelineChart
XdevTimelineChart
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);
, multiple selections available,
Related content
TimelineChart
TimelineChart
More like this
TimelineChart
TimelineChart
More like this
XdevLineChart
XdevLineChart
More like this
LineChart
LineChart
More like this
LineChart
LineChart
More like this
XdevBarChart
XdevBarChart
More like this
XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.