文字樣式設定物件。可在圖表選項中設定元素的文字樣式 支援,例如標題、橫軸、縱軸、圖例和工具提示。
// This example creates a chart specifying different text styles for the title and axes. 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();
方法
方法 | 傳回類型 | 簡短說明 |
---|---|---|
getColor() | String | 取得文字樣式的顏色。 |
getFontName() | String | 取得文字樣式的字型名稱。 |
getFontSize() | Number | 取得文字樣式的字型大小。 |
內容詳盡的說明文件
getColor()
取得文字樣式的顏色。
// Creates a new text style that uses blue text and logs the color. var textStyle = Charts.newTextStyle().setColor('blue').build(); Logger.log(textStyle.getColor());
回攻員
String
:顏色的 CSS 值 (例如 "blue"
或 "#00f"
)。
getFontName()
取得文字樣式的字型名稱。
// 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());
回攻員
String
— 字型名稱。
getFontSize()
取得文字樣式的字型大小。
// 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());
回攻員
Number
:字型大小 (以像素為單位)。