テキスト スタイルの構成オブジェクト。グラフ オプションで使用され、タイトル、横軸、縦軸、凡例、ツールチップなど、テキスト スタイルを受け入れることができる要素のテキスト スタイルを設定します。
// 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();
メソッド
メソッド | 戻り値の型 | 概要 |
---|---|---|
get | String | テキスト スタイルの色を取得します。 |
get | String | テキスト スタイルのフォント名を取得します。 |
get | Number | テキスト スタイルのフォントサイズを取得します。 |
詳細なドキュメント
get Color()
テキスト スタイルの色を取得します。
// Creates a new text style that uses blue text and logs the color. const textStyle = Charts.newTextStyle().setColor('blue').build(); Logger.log(textStyle.getColor());
戻る
String
- 色の CSS 値("blue"
や "#00f"
など)。
get Font Name()
テキスト スタイルのフォント名を取得します。
// 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());
戻る
String
- フォント名。
get Font Size()
テキスト スタイルのフォントサイズを取得します。
// 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());
戻る
Number
- フォントサイズ(ピクセル単位)。