Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Inhalt:

  • Definieren eines TextStyles
  • Definieren von LegendOptions
  • Konfigurieren von BackgroundStyle
  • Konfigurieren von Größe und Position

Anchor
TextStyles
TextStyles
Definieren eines TextStyles

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

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
//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);

Anchor
LegendOptions
LegendOptions
Definieren von LegendOptions

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

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
//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);

Anchor
BackgroundStyle
BackgroundStyle
Konfigurieren von BackgroundStyle

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

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
//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);

Anchor
Position und Größe
Position und Größe
Konfigurieren von Größe und Position

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
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:

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
//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);