API General

Contents:

Define a TextStyle

All texts of the chart can be influenced and configured via the TextStyle object. A chart can have different TextStyles in different places.

//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);

Define LegendOptions

The legends of the individual charts can be influenced and configured via the "LegendOptions" object.

//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);

Configure BackgroundStyle

The "BackgroundStyle" object lets you influence and configure the legends of the individual charts.

//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);

Configure size and position

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);

Example:

//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);