Inhalt:
Definieren eines TextStyles
...
| Code Block |
|---|
| language | java |
|---|
| theme | Eclipse |
|---|
| firstline | 1 |
|---|
| linenumbers | true |
|---|
|
//Definieren eines Texstyles
final TextStyle textStyle = new TextStyle.Builder();
textStyle .setFontNamefontName("Arial"); //Wahl der Schriftart (Schriftart muss vom Browser unterstützt werden)
.color("red") // Wahl der Schriftfarbe wahlweise in Kurzschreibweise ("Red") oder
textStyle.setBold(true);Farbcodes ("#FFFFFF")
.bold() //Fettdruck an- oder ausschalten
textStyle .setItalicitalic(true); //Kusivdruck an- oder ausschalten
textStyle .setFontSizefontSize(12); //Setzen der Schriftgröße
textStyle .setColorbuild("Red");
oder
textStyle.setColor("#FFFFFF"); //Wahl der Schriftfarbe wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")
//Zuweisen der Konfiguration für Beschriftungen
Chartthis.chart.setTitleTextStyle(textStyle);
|
...
| Code Block |
|---|
| language | java |
|---|
| theme | Eclipse |
|---|
| firstline | 1 |
|---|
| linenumbers | true |
|---|
|
//Definieren eines Legendenstyles
final LegendOptionsLegend legendOptionslegend = new LegendOptionsLegend.Builder();
legendOptions .setTextStyletextStyle(textStyle); //Setzen eines TextStyles (siehe oben)
legendOptions .setPositionposition(XdevChartOptionsPosition.POSITION_BOTTOM); //Auswahl der Position für die Legende. Auswahlmöglichkeiten: .POSITION_BOTTOM, .POSITION_TOP, .POSITION_RIGHT, .POSITION_LEFT
legendOptions .setMaxLinesmaxLines(5); //Befindet sich die Legende Über dem Chart (POSITION_TOP) kann hier entschieden werden bis auf wie viele Zeilen umgebrochen werden darf
legendOptions .setAlignmentbuild(XdevChartOptions.ALIGNMENT_CENTER); //Anordnung der legende an der jeweiligen Position. Auswahlmöglichkeiten: .START, .CENTER,
.END
//Zuweisen der Konfiguration für Beschriftungen
Chartthis.chart.setLegend(legendOptionslegend);
|
| 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 BackgroundStyleStrokeFill stylebackground = new BackgroundStyle();
style.setFill("white"); Background.StrokeFill("White", 40, "#FFFFFF");
Param1: stroke("White") //Wahl der Hintergrundfarben wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")
Param2: strokeWidth(40)
style.setStroke("black"); //Randbreite in Pixel
Param3: fill("#FFFFFF") //Wahl der Farbe für den Rand des Charts wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")
style.setStrokeWidth(10);
oder
//Randbreite in PixelDefinieren der Hintergrundfarbe
final Color background = Background.Color("green");
//Zuweisen der Konfiguration für Beschriftungen
Chartchart.setBackgroundColor(stylebackground); |
| 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 areachartArea = new ChartArea();
area.setHeigth.New("100"); //Höhe des Pie
area.setWidth(, "100"); //Breite des Pie
area.setLeft("100"); //Abstand des Pie von Links in Pixel
area.setRight("100, "500", "500"); //Abstand desParameter Piefür vonAbstand Linkslinks, inrechts Pixel
area.setTop("100"); //Abstandund Höhe, Breite des PieCharts
von Links in Pixel
areaChart
this.chart.setChartArea(areachartArea); |
Beispiel:
| Code Block |
|---|
| language | java |
|---|
| theme | Eclipse |
|---|
| firstline | 1 |
|---|
| linenumbers | true |
|---|
|
//Definieren einesder BackgroundstylesHintergrundfarbe
final BackgroundStyleColor stylebackground = new BackgroundStyle();
style.setFill("white");
style.setStroke("black");
style.setStrokeWidth(10Background.Color("green");
//Definieren eines Texstyles
final TextStyle textStyle = new TextStyle.Builder();
textStyle .setBoldfontName(true"Arial");
textStyle .setFontNamecolor("Arialred");
textStyle .setFontSizebold(12);
textStyle .setItalicitalic(true);
textStyle .setColorfontSize("Red"12); oder textStyle.setColor("#FFFFFF"
.build();
//Definieren eines Legendenstyles
final LegendOptionsLegend legendOptionslegend = new LegendOptionsLegend.Builder();
legendOptions .setTextStyletextStyle(textStyle);
legendOptions .setPositionposition(XdevChartOptionsPosition.POSITION_BOTTOM);
legendOptions .setMaxLinesmaxLines(5);
legendOptions .setAlignmentbuild(XdevChartOptions.ALIGNMENT_CENTER);
//Zuweisen der Konfiguration für Beschriftungen
Chartthis.chart.setBackgroundColor(stylebackground);
Chartthis.chart.setTitleTextStylesetLegend(textStylelegend);
Chartthis.chart.setLegendsetTitleTextStyle(legendOptionstextStyle); |