Class TextStyle

A text style configuration object. Used in charts options to configure text style for elements that accepts it, such as title, horizontal axis, vertical axis, legend and tooltip.

// This example creates a chart specifying different text styles for the title
// and axes.
const sampleData = Charts.newDataTable()
                       .addColumn(Charts.ColumnType.STRING, 'Seasons')
                       .addColumn(Charts.ColumnType.NUMBER, 'Rainy Days')
                       .addRow(['Winter', 5])
                       .addRow(['Spring', 12])
                       .addRow(['Summer', 8])
                       .addRow(['Fall', 8])
                       .build();

const titleTextStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26).setFontName(
        'Ariel');
const axisTextStyleBuilder =
    Charts.newTextStyle().setColor('#3A3A3A').setFontSize(20).setFontName(
        'Ariel');
const titleTextStyle = titleTextStyleBuilder.build();
const axisTextStyle = axisTextStyleBuilder.build();

const chart = Charts.newLineChart()
                  .setTitleTextStyle(titleTextStyle)
                  .setXAxisTitleTextStyle(axisTextStyle)
                  .setYAxisTitleTextStyle(axisTextStyle)
                  .setTitle('Rainy Days Per Season')
                  .setXAxisTitle('Season')
                  .setYAxisTitle('Number of Rainy Days')
                  .setDataTable(sampleData)
                  .build();

Methods

Method	Return type	Brief description
`getColor()`	`String`	Gets the color of the text style.
`getFontName()`	`String`	Gets the font name of the text style.
`getFontSize()`	`Number`	Gets the font size of the text style.

Detailed documentation

`getColor()`

Gets the color of the text style.

// Creates a new text style that uses blue text and logs the color.
const textStyle = Charts.newTextStyle().setColor('blue').build();
Logger.log(textStyle.getColor());

Return

String — The CSS value for the color (such as "blue" or "#00f").

`getFontName()`

Gets the font name of the text style.

// Creates a new text style that uses Ariel font and logs the font name.
const textStyle = Charts.newTextStyle().setFontName('Ariel').build();
Logger.log(textStyle.getFontName());

Return

String — The font name.

`getFontSize()`

Gets the font size of the text style.

// Creates a new text style that uses 18 pixel font size and logs the font size.
const textStyle = Charts.newTextStyle().setFontSize(18).build();
Logger.log(textStyle.getFontSize());

Return

Number — The font size in pixels.