Inhalt:
- Definieren eines TextStyles
- Definieren von LegendOptions
- Konfigurieren von BackgroundStyle
- Konfigurieren von Größe und Position
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 |
---|
language | java |
---|
theme | Eclipse |
---|
firstline | 1 |
---|
linenumbers | true |
---|
|
//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 |
---|
language | java |
---|
theme | Eclipse |
---|
firstline | 1 |
---|
linenumbers | true |
---|
|
//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 |
---|
language | java |
---|
theme | Eclipse |
---|
firstline | 1 |
---|
linenumbers | true |
---|
|
//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 |
---|
language | java |
---|
theme | Eclipse |
---|
firstline | 1 |
---|
linenumbers | true |
---|
|
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 |
---|
language | java |
---|
theme | Eclipse |
---|
firstline | 1 |
---|
linenumbers | true |
---|
|
//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); |