/
XdevBarChart

XdevBarChart

Beispiel:

Inhalt:

Optimale Datenstruktur (Datenbank):

Y-AchseKategorieX-Achse
Beverages2017

550

Beverages2018550

Optimale Objektstruktur (Java):

public class BarChartObject {

	private String yvalue;
	private String category;
	private Integer xvalue;

	public String getYvalue() {
		return this.yvalue;
	}

	public void setYvalue(final String yvalue) {
		this.yvalue = yvalue;
	}

	public String getCategory() {
		return this.category;
	}

	public void setCategory(final String category) {
		this.category = category;
	}

	public Integer getXvalue() {
		return this.xvalue;
	}

	public void setXvalue(final Integer xvalue) {
		this.xvalue = xvalue;
	}
}

Beispiel füllen der Daten:

//Erstellen Model und hinzufügen der Kategorien
final XdevBarChartModel model = new XdevBarChartModel();
model.addCategory("2017");
model.addCategory("2018");

//Füllen der Items
model.addItem("Beverages", "2017", 560);
model.addItem("Beverages", "2018", 560);

model.addItem("Condiments", "2017", 530);
model.addItem("Condiments", "2018", 530);

//Setzen des Models
barChart.setModel(model);

API und Methoden:

Füllen und Definieren der Kategorien

model.addCategory(String value);
model.addCategory("2017");

//Parameter 1 ("2017"): definiert die Beschriftung und wird als Mapping Parameter und Gruppierung verwendet wird

Füllen der Daten

model.addItem(String value, String value2, Integer value3)
model.addItem("Beverages", "2017", 560);

//Parameter 1 ("Beverages"): Wert, welchen in der X-Achse angezeigt werden soll
//Parameter 2 ("2017"): Zuweisung zur jeweiligen vorher festgelegten Kategorie (Kategoriemapping)
//Parameter 3 (530): Wert für die Y-Achse. Zulässige Datentypen: Integer, Double

Positionierung und Größe

XdevLineChartConfig config = new XdevLineChartConfig();

final ChartArea area = new ChartArea();

area.setHeigth("100"); //Höhe des Pie
area.setWidth("100"); //Breite des Pie
area.setLeft("100"); //Abstand des Pie von Links in Pixel
area.setRight("100"); //Abstand des Pie von Links in Pixel
area.setTop("100"); //Abstand des Pie von Links in Pixel

config.setChartArea(area);

Konfiguration Texte

XdevBarChartConfig config = new XdevBarChartConfig();

config.setLegend(...); //Siehe API Allgemein "LegendOptions"
config.setTitleTextStyle(...); //Siehe API Allgemein "TextStyle"
config.setFontName(""); //Wahl der Schriftart (Schriftart muss vom Browser unterstützt werden)
config.setFontSize(15); //Setzen allgemeine Schriftgröße im Chart
config.setTitle("Sales Overview"); //Setzen ChartTitel

Konfiguration Farben 

XdevBarChartConfig config = new XdevBarChartConfig();

config.setBackgroundColor(...); //Siehe API Allgemein "BackgroundStyle"

//Eine Liste an Farben die dann der Reihe nach an die Kategorien vergeben werden
List<String> places = Arrays.asList("#FFFFFF", "Red", "#F4g6uz");
config.setColors(places); //Zuweisen der Farbliste

Beispiel konfigurieren der Achsen

//Erstellen einer Konfiguration für das Chart
XdevBarChartConfig config = new XdevBarChartConfig();

// 1. Erzeugen einer Achsenkonfiguration
// 2. Setzen der Achsenskalierung
// 3. Aktivierung der Drehung der Achsenbeschriftungen
// 4. Setzen des Winkels für die Beschriftung in Grad
HAxis hAxis = new HAxis("Sold Produkts");
XdevChartUtils.setHAxisScaling(hAxis, 50d, -500d, +800d); //Skalierung der Achse siehe API Allgemein
hAxis.setSlantedText(true); //Achsenbeschriftung gedreht Ja oder Nein
hAxis.setSlantedTextAngle(15); //Grad der Drehung der Achsenbeschriftung

//Zuweisen der Achsenkonfiguration
config.setvAxis(vAxis);

Konfiguration des Tooltips und wann er angezeigt werden soll

Tooltip tooltip = new Tooltip();

tooltip.setisHtml(true); //Tooltip per HTML Konfigurierbar Ja / Nein
tooltip.setTrigger("focus"); Mögliche Werte: "focus" --> MouseOver, "none" --> kein Tooltip, "selection" --> MouseKlick

config.setTooltip(tooltip);

Konfiguration von Texten und Legenden siehe API Allgemein

Related content

XdevColumnChart
XdevColumnChart
More like this
XdevPieChart
More like this
XdevLineChart
More like this
XdevComboChart
XdevComboChart
More like this

XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.