Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Kiểuvăn bản
Đối tượng cấu hình kiểu văn bản. Được dùng trong các tuỳ chọn biểu đồ để định cấu hình kiểu văn bản cho các phần tử chấp nhận kiểu văn bản, chẳng hạn như tiêu đề, trục hoành, trục tung, chú giải và chú giải công cụ.
// 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());
Cầu thủ trả bóng
String – Giá trị CSS cho màu (chẳng hạn như "blue" hoặc "#00f").
getFontName()
Lấy tên phông chữ của kiểu văn bản.
// Creates a new text style that uses Ariel font and logs the font name.consttextStyle=Charts.newTextStyle().setFontName('Ariel').build();Logger.log(textStyle.getFontName());
Cầu thủ trả bóng
String – Tên phông chữ.
getFontSize()
Lấy cỡ chữ của kiểu văn bản.
// 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());
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-07-26 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."]]
