Stay organized with collectionsSave and categorize content based on your preferences.
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.constsampleData=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();consttitleTextStyleBuilder=Charts.newTextStyle().setColor('#0000FF').setFontSize(26).setFontName('Ariel');constaxisTextStyleBuilder=Charts.newTextStyle().setColor('#3A3A3A').setFontSize(20).setFontName('Ariel');consttitleTextStyle=titleTextStyleBuilder.build();constaxisTextStyle=axisTextStyleBuilder.build();constchart=Charts.newLineChart().setTitleTextStyle(titleTextStyle).setXAxisTitleTextStyle(axisTextStyle).setYAxisTitleTextStyle(axisTextStyle).setTitle('Rainy Days Per Season').setXAxisTitle('Season').setYAxisTitle('Number of Rainy Days').setDataTable(sampleData).build();
// Creates a new text style that uses blue text and logs the color.consttextStyle=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.consttextStyle=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.consttextStyle=Charts.newTextStyle().setFontSize(18).build();Logger.log(textStyle.getFontSize());
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-12-02 UTC."],[[["\u003cp\u003e\u003ccode\u003eTextStyle\u003c/code\u003e objects configure the visual appearance of text elements in charts, such as titles, axes, legends, and tooltips.\u003c/p\u003e\n"],["\u003cp\u003eYou can customize text color, font name, and font size using methods like \u003ccode\u003esetColor()\u003c/code\u003e, \u003ccode\u003esetFontName()\u003c/code\u003e, and \u003ccode\u003esetFontSize()\u003c/code\u003e.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003eTextStyle\u003c/code\u003e object is used within chart options to apply these styles to specific chart elements.\u003c/p\u003e\n"],["\u003cp\u003e\u003ccode\u003egetColor()\u003c/code\u003e, \u003ccode\u003egetFontName()\u003c/code\u003e, and \u003ccode\u003egetFontSize()\u003c/code\u003e methods retrieve the current style settings of a \u003ccode\u003eTextStyle\u003c/code\u003e object.\u003c/p\u003e\n"]]],[],null,["# Class TextStyle\n\nTextStyle\n\nA text style configuration object. Used in charts options to configure text style for elements\nthat accepts it, such as title, horizontal axis, vertical axis, legend and tooltip.\n\n```javascript\n// This example creates a chart specifying different text styles for the title\n// and axes.\nconst sampleData = Charts.newDataTable()\n .addColumn(Charts.ColumnType.STRING, 'Seasons')\n .addColumn(Charts.ColumnType.NUMBER, 'Rainy Days')\n .addRow(['Winter', 5])\n .addRow(['Spring', 12])\n .addRow(['Summer', 8])\n .addRow(['Fall', 8])\n .build();\n\nconst titleTextStyleBuilder =\n Charts.newTextStyle().setColor('#0000FF').setFontSize(26).setFontName(\n 'Ariel');\nconst axisTextStyleBuilder =\n Charts.newTextStyle().setColor('#3A3A3A').setFontSize(20).setFontName(\n 'Ariel');\nconst titleTextStyle = titleTextStyleBuilder.build();\nconst axisTextStyle = axisTextStyleBuilder.build();\n\nconst chart = Charts.newLineChart()\n .setTitleTextStyle(titleTextStyle)\n .setXAxisTitleTextStyle(axisTextStyle)\n .setYAxisTitleTextStyle(axisTextStyle)\n .setTitle('Rainy Days Per Season')\n .setXAxisTitle('Season')\n .setYAxisTitle('Number of Rainy Days')\n .setDataTable(sampleData)\n .build();\n``` \n\n### Methods\n\n| Method | Return type | Brief description |\n|---------------------------------|-------------|---------------------------------------|\n| [getColor()](#getColor()) | `String` | Gets the color of the text style. |\n| [getFontName()](#getFontName()) | `String` | Gets the font name of the text style. |\n| [getFontSize()](#getFontSize()) | `Number` | Gets the font size of the text style. |\n\nDetailed documentation\n----------------------\n\n### `get``Color()`\n\nGets the color of the text style.\n\n```javascript\n// Creates a new text style that uses blue text and logs the color.\nconst textStyle = Charts.newTextStyle().setColor('blue').build();\nLogger.log(textStyle.getColor());\n```\n\n#### Return\n\n\n`String` --- The CSS value for the color (such as `\"blue\"` or `\"#00f\"`).\n\n*** ** * ** ***\n\n### `get``Font``Name()`\n\nGets the font name of the text style.\n\n```javascript\n// Creates a new text style that uses Ariel font and logs the font name.\nconst textStyle = Charts.newTextStyle().setFontName('Ariel').build();\nLogger.log(textStyle.getFontName());\n```\n\n#### Return\n\n\n`String` --- The font name.\n\n*** ** * ** ***\n\n### `get``Font``Size()`\n\nGets the font size of the text style.\n\n```javascript\n// Creates a new text style that uses 18 pixel font size and logs the font size.\nconst textStyle = Charts.newTextStyle().setFontSize(18).build();\nLogger.log(textStyle.getFontSize());\n```\n\n#### Return\n\n\n`Number` --- The font size in pixels."]]
