Class TextStyle
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.
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();
Phương thức
Phương thức | Loại dữ liệu trả về | Mô tả ngắn |
getColor() | String | Lấy màu của kiểu văn bản. |
getFontName() | String | Lấy tên phông chữ của kiểu văn bản. |
getFontSize() | Number | Lấy cỡ chữ của kiểu văn bản. |
Tài liệu chi tiết
getColor()
Lấy màu của kiểu văn bản.
// Creates a new text style that uses blue text and logs the color.
const textStyle = 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.
const textStyle = 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.
const textStyle = Charts.newTextStyle().setFontSize(18).build();
Logger.log(textStyle.getFontSize());
Cầu thủ trả bóng
Number
– Kích thước phông chữ tính bằng pixel.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-07-26 UTC.
[null,null,["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."]]