TextStyle
オブジェクトの作成に使用されるビルダー。名前、色、サイズなどのテキストのプロパティを構成できます。
次の例は、ビルダーを使用してテキスト スタイルを作成する方法を示しています。より詳細な例については、TextStyle
のドキュメントをご覧ください。
// Creates a new text style that uses 26-point, blue, Ariel font. var textStyleBuilder = Charts.newTextStyle() .setColor('#0000FF').setFontName('Ariel').setFontSize(26); var style = textStyleBuilder.build();
Methods
メソッド | 戻り値の型 | 概要 |
---|---|---|
build() | TextStyle | このビルダーを使用して作成されたテキスト スタイル設定オブジェクトを作成して返します。 |
setColor(cssValue) | TextStyleBuilder | テキスト スタイルの色を設定します。 |
setFontName(fontName) | TextStyleBuilder | テキスト スタイルのフォント名を設定します |
setFontSize(fontSize) | TextStyleBuilder | テキスト スタイルのフォントサイズを設定します。 |
詳細なドキュメント
build()
このビルダーを使用して作成されたテキスト スタイル設定オブジェクトを作成して返します。
// Creates a new text style that uses 26-point blue font. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build();
リターン
TextStyle
- このビルダーを使用して作成されるテキスト スタイル オブジェクト。
setColor(cssValue)
テキスト スタイルの色を設定します。
// Creates a new text style that uses blue font. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF'); var style = textStyleBuilder.build();
パラメータ
名前 | 型 | 説明 |
---|---|---|
cssValue | String | 色の CSS 値("blue" 、"#00f" など)。 |
リターン
TextStyleBuilder
- このビルダー。チェーンに役立ちます。
setFontName(fontName)
テキスト スタイルのフォント名を設定します。
// Creates a new text style that uses Ariel font. var textStyleBuilder = Charts.newTextStyle().setFontName('Ariel'); var style = textStyleBuilder.build();
パラメータ
名前 | 型 | 説明 |
---|---|---|
fontName | String | テキスト スタイルに使用するフォント名。 |
リターン
TextStyleBuilder
- このビルダー。チェーンに役立ちます。
setFontSize(fontSize)
テキスト スタイルのフォントサイズを設定します。
// Creates a new text style that uses 26-point font. var textStyleBuilder = Charts.newTextStyle().setFontSize(26); var style = textStyleBuilder.build();
パラメータ
名前 | 型 | 説明 |
---|---|---|
fontSize | Number | テキスト スタイルに使用するフォントサイズ(ピクセル単位)。 |
リターン
TextStyleBuilder
- このビルダー。チェーンに役立ちます。