Class TextStyle

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.
 function doGet() {
   var 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();

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

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

   return UiApp.createApplication().add(chart);
 }
 

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.
 var 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.
 var 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.
 var textStyle = Charts.newTextStyle().setFontSize(18).build();
 Logger.log(textStyle.getFontSize());
 

Return

Number — the font size in pixels