Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 10 Next »

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.

//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 Schriftfarbe wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")

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

Definieren von LegendOptions

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

//Erstellen einer Konfiguration 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

//Zuweisen der Konfiguration für Beschriftungen
config.setLegend(legendOptions);

Konfigurieren Charthintergrund

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

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

//Definieren eines BackgrundStyles
final BackgroundStyle style = new BackgroundStyle();
style.setFill("white"); //Wahl der Hintergrundfarben wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")
style.setStroke("black"); //Wahl der Farbe für den Rand des Charts wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")
style.setStrokeWidth(10); //Randbreite in Pixel

//Zuweisen der Konfiguration für Beschriftungen
config.setBackgroundColor(style);

Beispiel:

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

//Definieren eines Backgroundstyles
final BackgroundStyle style = new BackgroundStyle();
style.setFill("white");
style.setStroke("black");
style.setStrokeWidth(10);

//Definieren eines Texstyles
final TextStyle textStyle = new TextStyle();
textStyle.setBold(true);
textStyle.setFontName("Arial");
textStyle.setFontSize(12);
textStyle.setItalic(true);
textStyle.setColor("Red"); oder textStyle.setColor("#FFFFFF");

//Definieren eines Legendenstyles
LegendOptions legendOptions = new LegendOptions();
legendOptions.setTextStyle(textStyle);
legendOptions.setPosition(XdevChartOptions.POSITION_BOTTOM);
legendOptions.setMaxLines(5);
legendOptions.setAlignment(XdevChartOptions.ALIGNMENT_CENTER);

//Zuweisen der Konfiguration für Beschriftungen
config.setBackgroundColor(style);
config.setTitleTextStyle(textStyle);
config.setLegend(legendOptions);
  • No labels