Inhalt:
- TextStyles: Konfigurieren von Beschriftungen
- LegendOptions: Konfigurieren der Legende
- BackgroundStyle: Konfigurieren Hintergrundfarbe und Ränder
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);