Charts Service

圖表

這項服務可讓使用者透過 Google 圖表工具,並在伺服器端算繪。 如要在網路瀏覽器中顯示圖表,請使用 Google Charts API

本例會建立基本資料表、區域圖填入資料 然後以圖片形式將其新增至網頁:

function doGet() {
  var data = Charts.newDataTable()
      .addColumn(Charts.ColumnType.STRING, 'Month')
      .addColumn(Charts.ColumnType.NUMBER, 'In Store')
      .addColumn(Charts.ColumnType.NUMBER, 'Online')
      .addRow(['January', 10, 1])
      .addRow(['February', 12, 1])
      .addRow(['March', 20, 2])
      .addRow(['April', 25, 3])
      .addRow(['May', 30, 4])
      .build();

  var chart = Charts.newAreaChart()
      .setDataTable(data)
      .setStacked()
      .setRange(0, 40)
      .setTitle('Sales per Month')
      .build();

  var htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
  var imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
  var imageUrl = "data:image/png;base64," + encodeURI(imageData);
  htmlOutput.append("Render chart server side: <br/>");
  htmlOutput.append("<img border=\"1\" src=\"" + imageUrl + "\">");
  return htmlOutput;

}

類別

名稱簡短說明
AreaChartBuilder面積圖建構工具。
BarChartBuilder長條圖的建構工具。
Chart可轉換為靜態圖片的 Chart 物件。
ChartHiddenDimensionStrategy列舉說明來源中的隱藏維度如何以圖表表示。
ChartMergeStrategy以列舉方式呈現來源中的多個範圍如何在圖表中表示。
ChartOptions公開目前為 Chart 設定的選項,例如高度、顏色等。
ChartType圖表服務支援的圖表類型。
Charts在指令碼中建立圖表的進入點。
ColumnChartBuilder柱狀圖建構工具。
ColumnType列舉 DataTable 中資料欄的有效資料類型。
CurveStyle列舉圖表中曲線的樣式。
DataTable要在圖表中使用的資料表。
DataTableBuilderDataTable 物件的建構工具。
DataTableSource能以 DataTable 表示資料的物件介面。
DataViewDefinition用於以視覺化方式呈現圖表資料的資料檢視定義。
DataViewDefinitionBuilderDataViewDefinition 物件的建構工具。
LineChartBuilder折線圖的建構工具。
MatchType此列舉字串值應如何比對的列舉。
NumberRangeFilterBuilder數字範圍篩選器控制項的建構工具。
Orientation列舉物件方向的示例。
PickerValuesLayout列舉如何在挑選器小工具中顯示所選值。
PieChartBuilder圓餅圖的建構工具。
PointStyle列舉線條中點的樣式。
Position列舉圖表中的圖例位置。
ScatterChartBuilder散佈圖的建構工具。
StringFilterBuilder字串篩選器控制項的建構工具。
TableChartBuilder表格圖表的建構工具。
TextStyle文字樣式設定物件。
TextStyleBuilder用於建立 TextStyle 物件的建構工具。

AreaChartBuilder

方法

方法傳回類型簡短說明
build()Chart建立圖表。
reverseCategories()AreaChartBuilder反轉網域軸上的序列繪圖。
setBackgroundColor(cssValue)AreaChartBuilder設定圖表的背景顏色。
setColors(cssValues)AreaChartBuilder設定圖表線條的顏色。
setDataSourceUrl(url)AreaChartBuilder設定用來從外部來源 (例如 Google) 擷取資料的資料來源網址 試算表。
setDataTable(tableBuilder)AreaChartBuilder使用 DataTableBuilder 設定要用於圖表的資料表。
setDataTable(table)AreaChartBuilder設定資料表 (其中包含圖表的線條,以及 X 軸標籤)。
setDataViewDefinition(dataViewDefinition)AreaChartBuilder設定圖表要使用的資料檢視定義。
setDimensions(width, height)AreaChartBuilder設定圖表的維度。
setLegendPosition(position)AreaChartBuilder設定與圖表相關的圖例位置。
setLegendTextStyle(textStyle)AreaChartBuilder設定圖表圖例的文字樣式。
setOption(option, value)AreaChartBuilder設定這張圖表的進階選項。
setPointStyle(style)AreaChartBuilder設定線條中點的樣式。
setRange(start, end)AreaChartBuilder設定圖表的範圍。
setStacked()AreaChartBuilder使用堆疊線條,代表線條和長條值堆疊 (累計)。
setTitle(chartTitle)AreaChartBuilder設定圖表的標題。
setTitleTextStyle(textStyle)AreaChartBuilder設定圖表標題的文字樣式。
setXAxisTextStyle(textStyle)AreaChartBuilder設定橫軸的文字樣式。
setXAxisTitle(title)AreaChartBuilder為橫軸加上標題。
setXAxisTitleTextStyle(textStyle)AreaChartBuilder設定橫軸標題文字樣式。
setYAxisTextStyle(textStyle)AreaChartBuilder設定縱軸的文字樣式。
setYAxisTitle(title)AreaChartBuilder為縱軸加入標題。
setYAxisTitleTextStyle(textStyle)AreaChartBuilder設定縱軸標題文字樣式。
useLogScale()AreaChartBuilder將範圍軸設為對數尺度 (所有值都必須為正數)。

BarChartBuilder

方法

方法傳回類型簡短說明
build()Chart建立圖表。
reverseCategories()BarChartBuilder反轉網域軸上的序列繪圖。
reverseDirection()BarChartBuilder反轉長條沿著水平軸長的方向。
setBackgroundColor(cssValue)BarChartBuilder設定圖表的背景顏色。
setColors(cssValues)BarChartBuilder設定圖表線條的顏色。
setDataSourceUrl(url)BarChartBuilder設定用來從外部來源 (例如 Google) 擷取資料的資料來源網址 試算表。
setDataTable(tableBuilder)BarChartBuilder使用 DataTableBuilder 設定要用於圖表的資料表。
setDataTable(table)BarChartBuilder設定資料表 (其中包含圖表的線條,以及 X 軸標籤)。
setDataViewDefinition(dataViewDefinition)BarChartBuilder設定圖表要使用的資料檢視定義。
setDimensions(width, height)BarChartBuilder設定圖表的維度。
setLegendPosition(position)BarChartBuilder設定與圖表相關的圖例位置。
setLegendTextStyle(textStyle)BarChartBuilder設定圖表圖例的文字樣式。
setOption(option, value)BarChartBuilder設定這張圖表的進階選項。
setRange(start, end)BarChartBuilder設定圖表的範圍。
setStacked()BarChartBuilder使用堆疊線條,代表線條和長條值堆疊 (累計)。
setTitle(chartTitle)BarChartBuilder設定圖表的標題。
setTitleTextStyle(textStyle)BarChartBuilder設定圖表標題的文字樣式。
setXAxisTextStyle(textStyle)BarChartBuilder設定橫軸的文字樣式。
setXAxisTitle(title)BarChartBuilder為橫軸加上標題。
setXAxisTitleTextStyle(textStyle)BarChartBuilder設定橫軸標題文字樣式。
setYAxisTextStyle(textStyle)BarChartBuilder設定縱軸的文字樣式。
setYAxisTitle(title)BarChartBuilder為縱軸加入標題。
setYAxisTitleTextStyle(textStyle)BarChartBuilder設定縱軸標題文字樣式。
useLogScale()BarChartBuilder將範圍軸設為對數尺度 (所有值都必須為正數)。

Chart

方法

方法傳回類型簡短說明
getAs(contentType)Blob以 blob 的形式傳回這個物件中的資料,做為轉換成指定內容類型的 blob。
getBlob()Blob以 blob 的形式傳回這個物件中的資料。
getOptions()ChartOptions傳回此圖表的選項,例如高度、顏色和軸。

ChartHiddenDimensionStrategy

屬性

屬性類型說明
IGNORE_BOTHEnum預設;圖表會略過所有隱藏的資料欄和隱藏的資料列。
IGNORE_ROWSEnum圖表只會略過隱藏的資料列。
IGNORE_COLUMNSEnum圖表只會略過隱藏的資料欄。
SHOW_BOTHEnum圖表不會略過隱藏的資料欄或隱藏的資料列。

ChartMergeStrategy

屬性

屬性類型說明
MERGE_COLUMNSEnum預設值。
MERGE_ROWSEnum圖表會合併多個範圍的資料列。

ChartOptions

方法

方法傳回類型簡短說明
get(option)Object傳回此圖表的設定選項。
getOrDefault(option)Object傳回此圖表的設定選項。

ChartType

屬性

屬性類型說明
TIMELINEEnum時間軸圖表。
AREAEnum面積圖
BAREnum長條圖
BUBBLEEnum泡泡圖。
CANDLESTICKEnumK 線圖。
COLUMNEnum柱狀圖
COMBOEnum組合圖
GAUGEEnum度量圖。
GEOEnum地理圖。
HISTOGRAMEnum直方圖
RADAREnum雷達圖。
LINEEnum折線圖
ORGEnum組織圖。
PIEEnum圓餅圖
SCATTEREnum散佈圖
SPARKLINEEnum走勢圖。
STEPPED_AREAEnum階梯狀面積圖。
TABLEEnum表格圖
TREEMAPEnum樹狀圖。
WATERFALLEnum瀑布圖。

Charts

屬性

屬性類型說明
ChartHiddenDimensionStrategyChartHiddenDimensionStrategy列舉說明來源中的隱藏維度如何以圖表表示。
ChartMergeStrategyChartMergeStrategy以列舉方式呈現來源中的多個範圍如何在圖表中表示。
ChartTypeChartType圖表服務支援的圖表類型列舉。
ColumnTypeColumnType列舉 DataTable 中資料欄的有效資料類型。
CurveStyleCurveStyle列舉圖表中曲線的樣式。
PointStylePointStyle列舉線條中點的樣式。
PositionPosition列舉圖表中的圖例位置。

方法

方法傳回類型簡短說明
newAreaChart()AreaChartBuilder開始建立面積圖 (如 Google 圖表所述) 工具說明文件。
newBarChart()BarChartBuilder開始建立長條圖 (如 Google 圖表所述) 工具說明文件。
newColumnChart()ColumnChartBuilder開始建立柱狀圖 (如 Google 圖表所述) 工具說明文件。
newDataTable()DataTableBuilder建立空白資料表,可以手動設定其值。
newDataViewDefinition()DataViewDefinitionBuilder建立新的資料檢視定義。
newLineChart()LineChartBuilder開始建立折線圖 (如 Google 圖表所述) 工具說明文件。
newPieChart()PieChartBuilder開始建立圓餅圖 (如 Google 圖表所述) 工具說明文件。
newScatterChart()ScatterChartBuilder開始建立散佈圖 (如 Google 圖表所述) 工具說明文件。
newTableChart()TableChartBuilder開始建立表格圖 (如 Google 圖表所述) 工具說明文件。
newTextStyle()TextStyleBuilder建立新的文字樣式建構工具。

ColumnChartBuilder

方法

方法傳回類型簡短說明
build()Chart建立圖表。
reverseCategories()ColumnChartBuilder反轉網域軸上的序列繪圖。
setBackgroundColor(cssValue)ColumnChartBuilder設定圖表的背景顏色。
setColors(cssValues)ColumnChartBuilder設定圖表線條的顏色。
setDataSourceUrl(url)ColumnChartBuilder設定用來從外部來源 (例如 Google) 擷取資料的資料來源網址 試算表。
setDataTable(tableBuilder)ColumnChartBuilder使用 DataTableBuilder 設定要用於圖表的資料表。
setDataTable(table)ColumnChartBuilder設定資料表 (其中包含圖表的線條,以及 X 軸標籤)。
setDataViewDefinition(dataViewDefinition)ColumnChartBuilder設定圖表要使用的資料檢視定義。
setDimensions(width, height)ColumnChartBuilder設定圖表的維度。
setLegendPosition(position)ColumnChartBuilder設定與圖表相關的圖例位置。
setLegendTextStyle(textStyle)ColumnChartBuilder設定圖表圖例的文字樣式。
setOption(option, value)ColumnChartBuilder設定這張圖表的進階選項。
setRange(start, end)ColumnChartBuilder設定圖表的範圍。
setStacked()ColumnChartBuilder使用堆疊線條,代表線條和長條值堆疊 (累計)。
setTitle(chartTitle)ColumnChartBuilder設定圖表的標題。
setTitleTextStyle(textStyle)ColumnChartBuilder設定圖表標題的文字樣式。
setXAxisTextStyle(textStyle)ColumnChartBuilder設定橫軸的文字樣式。
setXAxisTitle(title)ColumnChartBuilder為橫軸加上標題。
setXAxisTitleTextStyle(textStyle)ColumnChartBuilder設定橫軸標題文字樣式。
setYAxisTextStyle(textStyle)ColumnChartBuilder設定縱軸的文字樣式。
setYAxisTitle(title)ColumnChartBuilder為縱軸加入標題。
setYAxisTitleTextStyle(textStyle)ColumnChartBuilder設定縱軸標題文字樣式。
useLogScale()ColumnChartBuilder將範圍軸設為對數尺度 (所有值都必須為正數)。

ColumnType

屬性

屬性類型說明
DATEEnum對應至日期值。
NUMBEREnum對應數字值。
STRINGEnum對應字串值。

CurveStyle

屬性

屬性類型說明
NORMALEnum沒有曲線的直線。
SMOOTHEnum線條的角度順暢。

DataTable

DataTableBuilder

方法

方法傳回類型簡短說明
addColumn(type, label)DataTableBuilder在資料表中新增資料欄。
addRow(values)DataTableBuilder在資料表中新增一列。
build()DataTable建立並傳回資料表。
setValue(row, column, value)DataTableBuilder設定表格中的特定值。

DataTableSource

方法

方法傳回類型簡短說明
getDataTable()DataTable以 DataTable 的形式傳回這個物件內的資料。

DataViewDefinition

DataViewDefinitionBuilder

方法

方法傳回類型簡短說明
build()DataViewDefinition建構並傳回使用此建構工具建構的資料檢視定義物件。
setColumns(columns)DataViewDefinitionBuilder設定要納入資料檢視的資料欄索引,以及指定角色和資料欄 可能不準確或不適當

LineChartBuilder

方法

方法傳回類型簡短說明
build()Chart建立圖表。
reverseCategories()LineChartBuilder反轉網域軸上的序列繪圖。
setBackgroundColor(cssValue)LineChartBuilder設定圖表的背景顏色。
setColors(cssValues)LineChartBuilder設定圖表線條的顏色。
setCurveStyle(style)LineChartBuilder設定圖表中曲線要使用的樣式。
setDataSourceUrl(url)LineChartBuilder設定用來從外部來源 (例如 Google) 擷取資料的資料來源網址 試算表。
setDataTable(tableBuilder)LineChartBuilder使用 DataTableBuilder 設定要用於圖表的資料表。
setDataTable(table)LineChartBuilder設定資料表 (其中包含圖表的線條,以及 X 軸標籤)。
setDataViewDefinition(dataViewDefinition)LineChartBuilder設定圖表要使用的資料檢視定義。
setDimensions(width, height)LineChartBuilder設定圖表的維度。
setLegendPosition(position)LineChartBuilder設定與圖表相關的圖例位置。
setLegendTextStyle(textStyle)LineChartBuilder設定圖表圖例的文字樣式。
setOption(option, value)LineChartBuilder設定這張圖表的進階選項。
setPointStyle(style)LineChartBuilder設定線條中點的樣式。
setRange(start, end)LineChartBuilder設定圖表的範圍。
setTitle(chartTitle)LineChartBuilder設定圖表的標題。
setTitleTextStyle(textStyle)LineChartBuilder設定圖表標題的文字樣式。
setXAxisTextStyle(textStyle)LineChartBuilder設定橫軸的文字樣式。
setXAxisTitle(title)LineChartBuilder為橫軸加上標題。
setXAxisTitleTextStyle(textStyle)LineChartBuilder設定橫軸標題文字樣式。
setYAxisTextStyle(textStyle)LineChartBuilder設定縱軸的文字樣式。
setYAxisTitle(title)LineChartBuilder為縱軸加入標題。
setYAxisTitleTextStyle(textStyle)LineChartBuilder設定縱軸標題文字樣式。
useLogScale()LineChartBuilder將範圍軸設為對數尺度 (所有值都必須為正數)。

MatchType

屬性

屬性類型說明
EXACTEnum僅比對完全相符的值
PREFIXEnum從值的開頭開始比對前置字串
ANYEnum比對任何子字串

方法

方法傳回類型簡短說明
getName()String傳回要在選項 JSON 中使用的比對類型名稱。

NumberRangeFilterBuilder

方法

方法傳回類型簡短說明
setMaxValue(maxValue)NumberRangeFilterBuilder設定範圍較低範圍允許的最大值。
setMinValue(minValue)NumberRangeFilterBuilder設定範圍較低範圍允許的最小值。
setOrientation(orientation)NumberRangeFilterBuilder設定滑桿方向。
setShowRangeValues(showRangeValues)NumberRangeFilterBuilder設定是否在顯示所選範圍範圍的滑桿旁邊加上標籤。
setTicks(ticks)NumberRangeFilterBuilder設定刻點的數量 (範圍列中的固定位置) 數字範圍篩選器滑桿的拇指數量 可能會掉落

Orientation

屬性

屬性類型說明
HORIZONTALEnum橫向。
VERTICALEnum直向。

PickerValuesLayout

屬性

屬性類型說明
ASIDEEnum所選值會顯示在值挑選器小工具旁的單行文字中。
BELOWEnum所選值會顯示在小工具下方的單行文字中。
BELOW_WRAPPINGEnum與下方類似,但不符合選擇器的項目會換行顯示新的行。
BELOW_STACKEDEnum所選值會顯示在小工具下方的資料欄中。

PieChartBuilder

方法

方法傳回類型簡短說明
build()Chart建立圖表。
reverseCategories()PieChartBuilder反轉網域軸上的序列繪圖。
set3D()PieChartBuilder將圖表設為 3D。
setBackgroundColor(cssValue)PieChartBuilder設定圖表的背景顏色。
setColors(cssValues)PieChartBuilder設定圖表線條的顏色。
setDataSourceUrl(url)PieChartBuilder設定用來從外部來源 (例如 Google) 擷取資料的資料來源網址 試算表。
setDataTable(tableBuilder)PieChartBuilder使用 DataTableBuilder 設定要用於圖表的資料表。
setDataTable(table)PieChartBuilder設定資料表 (其中包含圖表的線條,以及 X 軸標籤)。
setDataViewDefinition(dataViewDefinition)PieChartBuilder設定圖表要使用的資料檢視定義。
setDimensions(width, height)PieChartBuilder設定圖表的維度。
setLegendPosition(position)PieChartBuilder設定與圖表相關的圖例位置。
setLegendTextStyle(textStyle)PieChartBuilder設定圖表圖例的文字樣式。
setOption(option, value)PieChartBuilder設定這張圖表的進階選項。
setTitle(chartTitle)PieChartBuilder設定圖表的標題。
setTitleTextStyle(textStyle)PieChartBuilder設定圖表標題的文字樣式。

PointStyle

屬性

屬性類型說明
NONEEnum不要顯示線條點。
TINYEnum使用簡短線條。
MEDIUMEnum使用中等大小的線點。
LARGEEnum使用尺寸較大的線條點。
HUGEEnum使用大小最大的線條點。

Position

屬性

屬性類型說明
TOPEnum圖表上方。
RIGHTEnum圖表右側。
BOTTOMEnum圖表下方。
NONEEnum未顯示圖例。

ScatterChartBuilder

方法

方法傳回類型簡短說明
build()Chart建立圖表。
setBackgroundColor(cssValue)ScatterChartBuilder設定圖表的背景顏色。
setColors(cssValues)ScatterChartBuilder設定圖表線條的顏色。
setDataSourceUrl(url)ScatterChartBuilder設定用來從外部來源 (例如 Google) 擷取資料的資料來源網址 試算表。
setDataTable(tableBuilder)ScatterChartBuilder使用 DataTableBuilder 設定要用於圖表的資料表。
setDataTable(table)ScatterChartBuilder設定資料表 (其中包含圖表的線條,以及 X 軸標籤)。
setDataViewDefinition(dataViewDefinition)ScatterChartBuilder設定圖表要使用的資料檢視定義。
setDimensions(width, height)ScatterChartBuilder設定圖表的維度。
setLegendPosition(position)ScatterChartBuilder設定與圖表相關的圖例位置。
setLegendTextStyle(textStyle)ScatterChartBuilder設定圖表圖例的文字樣式。
setOption(option, value)ScatterChartBuilder設定這張圖表的進階選項。
setPointStyle(style)ScatterChartBuilder設定線條中點的樣式。
setTitle(chartTitle)ScatterChartBuilder設定圖表的標題。
setTitleTextStyle(textStyle)ScatterChartBuilder設定圖表標題的文字樣式。
setXAxisLogScale()ScatterChartBuilder將水平軸設為對數尺度 (所有值都必須為正數)。
setXAxisRange(start, end)ScatterChartBuilder設定圖表橫軸的範圍。
setXAxisTextStyle(textStyle)ScatterChartBuilder設定橫軸的文字樣式。
setXAxisTitle(title)ScatterChartBuilder為橫軸加上標題。
setXAxisTitleTextStyle(textStyle)ScatterChartBuilder設定橫軸標題文字樣式。
setYAxisLogScale()ScatterChartBuilder將垂直軸設為對數尺度 (所有值都必須為正數)。
setYAxisRange(start, end)ScatterChartBuilder設定圖表的垂直軸範圍。
setYAxisTextStyle(textStyle)ScatterChartBuilder設定縱軸的文字樣式。
setYAxisTitle(title)ScatterChartBuilder為縱軸加入標題。
setYAxisTitleTextStyle(textStyle)ScatterChartBuilder設定縱軸標題文字樣式。

StringFilterBuilder

方法

方法傳回類型簡短說明
setCaseSensitive(caseSensitive)StringFilterBuilder設定比對是否須區分大小寫。
setMatchType(matchType)StringFilterBuilder設定控制項是否應僅比對完全相符的值 (MatchType.EXACT)、前置字元 從值的開頭 (MatchType.PREFIX) 或任何子字串開始 (MatchType.ANY)。
setRealtimeTrigger(realtimeTrigger)StringFilterBuilder設定控制項是否應與按下按鍵時相符,或只在按下輸入欄位時才相符 「變更」(失焦或按下 Enter 鍵)。

TableChartBuilder

方法

方法傳回類型簡短說明
build()Chart建立圖表。
enablePaging(enablePaging)TableChartBuilder設定是否要啟用透過資料分頁功能。
enablePaging(pageSize)TableChartBuilder啟用分頁功能,並設定每頁的列數。
enablePaging(pageSize, startPage)TableChartBuilder啟用分頁功能,設定每頁的列數和要顯示的第一個表格頁面 (第 頁) 以 0 為基準)
enableRtlTable(rtlEnabled)TableChartBuilder透過將 資料欄順序,因此最右側的資料欄 0 為 0,最後一欄是 最左側的資料欄
enableSorting(enableSorting)TableChartBuilder設定是否要在使用者點選欄標題時排序資料欄。
setDataSourceUrl(url)TableChartBuilder設定用來從外部來源 (例如 Google) 擷取資料的資料來源網址 試算表。
setDataTable(tableBuilder)TableChartBuilder使用 DataTableBuilder 設定要用於圖表的資料表。
setDataTable(table)TableChartBuilder設定資料表 (其中包含圖表的線條,以及 X 軸標籤)。
setDataViewDefinition(dataViewDefinition)TableChartBuilder設定圖表要使用的資料檢視定義。
setDimensions(width, height)TableChartBuilder設定圖表的維度。
setFirstRowNumber(number)TableChartBuilder設定資料表中第一列的資料列編號。
setInitialSortingAscending(column)TableChartBuilder根據資料表的初始排序設定資料欄索引 (遞增)。
setInitialSortingDescending(column)TableChartBuilder根據資料表的初始排序設定資料欄索引 (遞減)。
setOption(option, value)TableChartBuilder設定這張圖表的進階選項。
showRowNumberColumn(showRowNumber)TableChartBuilder設定是否顯示資料列編號做為表格的第一欄。
useAlternatingRowStyle(alternate)TableChartBuilder設定是否要將交替顏色樣式指派給表格圖表中的奇數,甚至是數個列。

TextStyle

方法

方法傳回類型簡短說明
getColor()String取得文字樣式的顏色。
getFontName()String取得文字樣式的字型名稱。
getFontSize()Number取得文字樣式的字型大小。

TextStyleBuilder

方法

方法傳回類型簡短說明
build()TextStyle建構並傳回使用此建構工具建構的文字樣式設定物件。
setColor(cssValue)TextStyleBuilder設定文字樣式的顏色。
setFontName(fontName)TextStyleBuilder設定文字樣式的字型名稱
setFontSize(fontSize)TextStyleBuilder設定文字樣式的字型大小。