API Allgemein

Inhalt:

Definieren eines TextStyles

Ãœber das TextStyle Objekt lassen sich alle Texte des Chart beeinflussen und konfigurieren. Ein Chart kann unterschiedlichen Stellen unterschiedliche TextStyles besitzen.

//Definieren eines Texstyles
final TextStyle textStyle = TextStyle.Builder()
			.fontName("Arial") //Wahl der Schriftart (Schriftart muss vom Browser unterstützt werden) 
			.color("red") // Wahl der Schriftfarbe wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")
			.bold() //Fettdruck an- oder ausschalten
			.italic() //Kusivdruck an- oder ausschalten
			.fontSize(12) //Setzen der Schriftgröße
			.build();

//Zuweisen der Konfiguration für Beschriftungen		
this.chart.setTitleTextStyle(textStyle);

Definieren von LegendOptions

Ãœber das Objekt "LegendOptions" lassen sie die Legenden der einzelnen Chart beeinflussen und konfigurieren.

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

Konfigurieren BackgroundStyle

Ãœber das Objekt "BackgroundStyle" lassen sie die Legenden der einzelnen Chart beeinflussen und konfigurieren.

//Definieren eines BackgroundStyles
final StrokeFill background = Background.StrokeFill("White", 40, "#FFFFFF");
Param1: stroke("White") 	//Wahl der Hintergrundfarben wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")
Param2: strokeWidth(40)	 	//Randbreite in Pixel
Param3: fill("#FFFFFF") 	//Wahl der Farbe für den Rand des Charts wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")

oder

//Definieren der Hintergrundfarbe
final Color background = Background.Color("green");

//Zuweisen der Konfiguration für Beschriftungen
chart.setBackgroundColor(background);

Konfigurieren Größe und Position

final ChartArea chartArea = ChartArea.New("100", "100", "500", "500"); // Parameter für Abstand links, rechts und Höhe, Breite des Charts

this.chart.setChartArea(chartArea);

Beispiel:

//Definieren der Hintergrundfarbe
final Color background = Background.Color("green");

//Definieren eines Texstyles
final TextStyle textStyle = TextStyle.Builder()
			.fontName("Arial")
			.color("red")
			.bold()
			.italic()
			.fontSize(12)
			.build();

//Definieren eines Legendenstyles
final Legend legend = Legend.Builder()
			.textStyle(textStyle)
			.position(Position.BOTTOM)
			.maxLines(5)
			.build();

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

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