//ErstellenDefinieren einereines KonfigurationTexstyles
fürfinal das Chart
XdevBarChartConfig configTextStyle textStyle = new XdevBarChartConfig();
TextStyle.Builder()
			.fontName("Arial") //DefinierenWahl einesder TexstylesSchriftart final(Schriftart TextStylemuss textStylevom =Browser newunterstützt TextStyle(werden); textStyle.setBold(true);
textStyle.setFontName("Arial");
textStyle.setFontSize(12);
textStyle.setItalic(true);
textStyle.setColor
			.color("red") // Wahl der Schriftfarbe wahlweise in Kurzschreibweise ("Red"); oder Farbcodes textStyle.setColor("#FFFFFF");
			.bold() //Definieren eines Legendenstyles
LegendOptions legendOptions = new LegendOptions();
legendOptions.setTextStyle(textStyle);
legendOptions.setPosition(XdevChartOptions.POSITION_BOTTOM);
legendOptions.setMaxLines(5);
legendOptions.setAlignment(XdevChartOptions.ALIGNMENT_CENTERFettdruck an- oder ausschalten
			.italic() //Kusivdruck an- oder ausschalten
			.fontSize(12) //Setzen der Schriftgröße
			.build();

//Zuweisen der Konfiguration für Beschriftungen		
configthis.chart.setTitleTextStyle(textStyle);
config.setLegend(legendOptions);

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

//Definieren eines Texstyles
final TextStyle textStyle = new TextStyle();
textStyle.setFontName("Arial"); //Wahl der Schriftart (Schriftart muss vom Browser unterstützt werden) 
textStyle.setBold(true); //Fettdruck an- oder ausschalten
textStyle.setItalic(true); //Kusivdruck an- oder ausschalten
textStyle.setFontSize(12); //Setzen der Schriftgröße
textStyle.setColor("Red"); oder textStyle.setColor("#FFFFFF"); //Wahl der SchriftfarbeDefinieren eines Legendenstyles
final Legend legend = Legend.Builder()
			.textStyle(textStyle) //Setzen eines TextStyles (siehe oben)
			.position(Position.BOTTOM) //Auswahl der Position für die Legende. Auswahlmöglichkeiten: .POSITION_BOTTOM, .POSITION_TOP, .POSITION_RIGHT, .POSITION_LEFT
			.maxLines(5) //Befindet sich die Legende Über dem Chart (POSITION_TOP) kann hier entschieden werden bis auf wie viele Zeilen umgebrochen werden darf
			.build();

//Zuweisen der Konfiguration für Beschriftungen
this.chart.setLegend(legend);

//Erstellenfinal einerChartArea KonfigurationchartArea für das Chart
XdevBarChartConfig config = new XdevBarChartConfig();

//Definieren eines Legendenstyles
LegendOptions legendOptions = new LegendOptions();
legendOptions.setTextStyle(textStyle); //Setzen eines TextStyles (siehe oben)
legendOptions.setPosition(XdevChartOptions.POSITION_BOTTOM); //Auswahl der Position für die Legende. Auswahlmöglichkeiten: .POSITION_BOTTOM, .POSITION_TOP, .POSITION_RIGHT, .POSITION_LEFT
legendOptions.setMaxLines(5); //Befindet sich die Legende Über dem Chart (POSITION_TOP) kann hier entschieden werden bis auf wie viele Zeilen umgebrochen werden darf
legendOptions.setAlignment(XdevChartOptions.ALIGNMENT_CENTER); //Anordnung der legende an der jeweiligen Position. Auswahlmöglichkeiten: .START, .CENTER, .END= ChartArea.New("100", "100", "500", "500"); // Parameter für Abstand links, rechts und Höhe, Breite des Charts

this.chart.setChartArea(chartArea);