テキスト スタイル構成オブジェクト。要素のテキスト スタイルを設定するためにグラフのオプションで使用されます (タイトル、横軸、縦軸、凡例、ツールチップなど)。
// 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
- フォントサイズ(ピクセル単位)。