圖表類型
備註圖表設定選項
名稱 | |
---|---|
顏色 | 圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
displayRangeSelector | 是否要顯示縮放範圍選取區域 (圖表底部的區域),其中 縮放選取器中的輪廓是圖表中第一個系列的對數比例版本,經過縮放後可配合縮放選取器的高度。 類型:
boolean 預設值:
true |
displayZoomButtons |
是否顯示縮放按鈕 (「1d 5d 1m」等),其中 類型:
boolean 預設值:
true |
max |
Y 軸上顯示的最大值。如果資料點上限超過這個值,系統會忽略這項設定,並調整圖表,顯示資料點上限以上的下一個主要刻度。這項設定的優先順序高於 這與核心圖表中的 類型:
number 預設值:自動
|
分鐘 |
Y 軸上顯示的最小值。如果最低資料點小於這個值,系統會忽略這項設定,並調整圖表,顯示最低資料點下一個主要刻度。這項設定的優先順序高於 這與核心圖表中的 類型:
number 預設值:自動
|
面積圖設定選項
名稱 | |
---|---|
areaOpacity |
區域圖序列下方彩色區域的預設不透明度,其中 類型:
number 、0.0- 1.0 預設值:
0.3 |
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.logScale |
這個選項僅支援 類型:
boolean 預設值:
false |
hAxis.maxValue |
將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.minValue |
將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。
類型:
number 預設值:自動
|
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
interpolateNulls |
是否要猜測遺漏點的值。如果
不支援使用 類型:
boolean 預設值:
false |
isStacked |
如果設為
如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中,位於實際值之後。
目標軸預設會根據相對 0 到 1 的比例 (
100% 堆疊只支援 類型:
boolean /string 預設值:
false |
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。你可以使用 類型:
number 預設值:
2 |
pointShape |
個別資料元素的形狀: 類型:
string 預設值:
'circle' |
pointSize |
顯示點的直徑 (以像素為單位)。使用零可隱藏所有點。您可以使用 類型:
number 預設值:
0 |
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果設為 類型:
boolean |
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
長條圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:數字或
string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
hAxes |
如果圖表有多個水平軸,則指定個別水平軸的屬性。每個子項物件都是
如要指定含有多個水平軸的圖表,請先使用
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 hAxes: { {}, // Nothing specified for axis 0 { title:'Losses', textStyle: { color: 'red' } } // Axis 1 類型:物件陣列,或含有子物件的物件
預設值:
null |
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.logScale |
這個選項僅支援 類型:
boolean 預設值:
false |
hAxis.maxValue |
將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.minValue |
將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。
類型:
number 預設值:自動
|
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
isStacked |
如果設為
如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中,位於實際值之後。
目標軸預設會根據相對 0 到 1 的比例 (
100% 堆疊只支援 類型:
boolean /string 預設值:
false |
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
趨勢線 |
在支援的圖表上顯示趨勢線。
根據預設,系統會使用
趨勢線是依據每個序列指定,因此大部分時間選項會如下所示: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 類型:
object 預設值:
null |
trendlines.n.color |
趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。 類型:
string 預設值:預設序列顏色
|
trendlines.n.degree |
如要取得 類型:
number 預設值:
3 |
trendlines.n.labelInLegend |
類型:
string 預設值:
null |
trendlines.n.lineWidth |
趨勢線的線條寬度,以像素為單位。 類型:
number 預設值:
2 |
trendlines.n.type |
趨勢線是 類型:
string 預設值:
linear |
trendlines.n.visibleInLegend |
是否在圖例中顯示趨勢線方程式。 趨勢線工具提示會顯示這項資訊。 類型:
boolean 預設值:
false |
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
泡泡圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
泡泡 |
這個物件的成員可設定泡泡的視覺屬性。 類型:
object 預設值:
null |
bubble.opacity |
泡泡的不透明度,其中 類型:介於 0.0 到 1.0 之間的數字
預設值:0.8
|
bubble.stroke |
泡泡筆劃的顏色。 類型:
string 預設值:
'#ccc' |
bubble.textStyle |
指定訊息泡泡文字樣式的物件。物件格式如下: {color: <string>, fontName: <string>, fontSize: <number>}
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字或數字後方加上 %。單純的數字代表像素值;數字後方加上 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.logScale |
這個選項僅支援 類型:
boolean 預設值:
false |
hAxis.maxValue |
將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.minValue |
將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。
類型:
number 預設值:自動
|
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
系列 |
物件的物件,其中鍵是序列名稱 (「顏色」欄中的值),而每個物件都會說明圖表中對應序列的格式。如果未指定序列或值,系統會使用全域值。每個物件都支援下列屬性:
series: {'Europe': {color: 'green'}} 類型:含有巢狀物件的物件
預設值:
{} |
sizeAxis |
這個物件的成員可設定值與泡泡大小的關聯方式。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {minValue: 0, maxSize: 20} 類型:
object 預設值:
null |
sizeAxis.maxSize |
最大泡泡的最大半徑 (以像素為單位)。 類型:
number 預設值:30
|
sizeAxis.minSize |
最小泡泡的半徑下限 (以像素為單位)。 類型:
number 預設值:5
|
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果設為 類型:
boolean |
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
日曆設定選項
名稱 | |
---|---|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設值:包含元素的寬度
|
K 線圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.logScale |
這個選項僅支援 類型:
boolean 預設值:
false |
hAxis.maxValue |
將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.minValue |
將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。
類型:
number 預設值:自動
|
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
直條圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.logScale |
這個選項僅支援 類型:
boolean 預設值:
false |
hAxis.maxValue |
將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.minValue |
將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。
類型:
number 預設值:自動
|
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
isStacked |
如果設為
如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中,位於實際值之後。
目標軸預設會根據相對 0 到 1 的比例 (
100% 堆疊只支援 類型:
boolean /string 預設值:
false |
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
趨勢線 |
在支援的圖表上顯示趨勢線。
根據預設,系統會使用
趨勢線是依據每個序列指定,因此大部分時間選項會如下所示: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 類型:
object 預設值:
null |
trendlines.n.color |
趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。 類型:
string 預設值:預設序列顏色
|
trendlines.n.degree |
如要取得 類型:
number 預設值:
3 |
trendlines.n.labelInLegend |
類型:
string 預設值:
null |
trendlines.n.lineWidth |
趨勢線的線條寬度,以像素為單位。 類型:
number 預設值:
2 |
trendlines.n.type |
趨勢線是 類型:
string 預設值:
linear |
trendlines.n.visibleInLegend |
是否在圖例中顯示趨勢線方程式。 趨勢線工具提示會顯示這項資訊。 類型:
boolean 預設值:
false |
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
組合圖設定選項
名稱 | |
---|---|
areaOpacity |
區域圖序列下方彩色區域的預設不透明度,其中 類型:
number 、0.0- 1.0 預設值:
0.3 |
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
curveType |
控制線條的曲線,線條寬度不得為零。 可以是下列任一值:
類型:
string 預設值: 'none'
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.logScale |
這個選項僅支援 類型:
boolean 預設值:
false |
hAxis.maxValue |
將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.minValue |
將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。
類型:
number 預設值:自動
|
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
interpolateNulls |
是否要猜測遺漏點的值。如果
不支援使用 類型:
boolean 預設值:
false |
isStacked |
如果設為
如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中,位於實際值之後。
目標軸預設會根據相對 0 到 1 的比例 (
100% 堆疊只支援 類型:
boolean /string 預設值:
false |
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。你可以使用 類型:
number 預設值:
2 |
pointShape |
個別資料元素的形狀: 類型:
string 預設值:
'circle' |
pointSize |
顯示點的直徑 (以像素為單位)。使用零可隱藏所有點。您可以使用 類型:
number 預設值:
0 |
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
量表設定選項
名稱 | |
---|---|
greenColor |
以 HTML 顏色標記表示的綠色部分所要使用的顏色。 類型:
string 預設值:
'#109618' |
greenFrom |
以綠色標示的範圍最小值。 類型:
number 預設值:無
|
greenTo |
以綠色標示的範圍最高值。 類型:
number 預設值:無
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:容器寬度
|
max |
Y 軸上顯示的最大值。如果資料點上限超過這個值,系統會忽略這項設定,並調整圖表,顯示資料點上限以上的下一個主要刻度。這項設定的優先順序高於 這與核心圖表中的 類型:
number 預設值:自動
|
分鐘 |
Y 軸上顯示的最小值。如果最低資料點小於這個值,系統會忽略這項設定,並調整圖表,顯示最低資料點下一個主要刻度。這項設定的優先順序高於 這與核心圖表中的 類型:
number 預設值:自動
|
redColor |
以 HTML 顏色標記表示的紅色部分所要使用的顏色。 類型:
string 預設值:
'#DC3912' |
redFrom |
以紅色標示的範圍最低值。 類型:
number 預設值:無
|
redTo |
以紅色標示的範圍最高值。 類型:
number 預設值:無
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設值:容器寬度
|
yellowColor |
以 HTML 顏色標記表示的黃色區段所用顏色。 類型:
string 預設值:
'#FF9900' |
yellowFrom |
以黃色標示的範圍最小值。 類型:
number 預設值:無
|
yellowTo |
以黃色標示的範圍最高值。 類型:
number 預設值:無
|
地圖圖表設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
datalessRegionColor |
要指派給沒有相關聯資料的區域的顏色。 類型:
string 預設值:
'#F5F5F5' |
defaultColor |
當位置 (例如 類型:
string 預設值:
'#267114' |
displayMode |
這是哪種地理圖表。DataTable 格式必須與指定的值相符。支援的值如下:
類型:
string 預設值: 'auto'
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
區域 |
要在地理圖表上顯示的區域。系統也會顯示周邊區域。可以是下列任一值:
類型:
string 預設值:「world」
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設值:包含元素的寬度
|
直方圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型: string 或 object /div>
預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
histogram.bucketSize |
硬式編碼每個直方圖長條的大小,而不是讓演算法決定。 類型:
number 預設值:auto
|
histogram.hideBucketItems |
省略直方圖區塊之間的細線,將直方圖變成一系列實心長條。 類型:
boolean 預設值:
false |
histogram.lastBucketPercentile |
計算直方圖的 bucket 大小時,請忽略頂端和底部的 類型:
number 預設值:
0 |
interpolateNulls |
是否要猜測遺漏點的值。如果
不支援使用 類型:
boolean 預設值:
false |
isStacked |
如果設為
如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中,位於實際值之後。
目標軸預設會根據相對 0 到 1 的比例 (
100% 堆疊只支援 類型:
boolean /string 預設值:
false |
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為數列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設值:包含元素的寬度
|
折線圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
curveType |
控制線條的曲線,線條寬度不得為零。 可以是下列任一值:
類型:
string 預設值: 'none'
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.logScale |
這個選項僅支援 類型:
boolean 預設值:
false |
hAxis.maxValue |
將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.minValue |
將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。
類型:
number 預設值:自動
|
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
interpolateNulls |
是否要猜測遺漏點的值。如果
不支援使用 類型:
boolean 預設值:
false |
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。你可以使用 類型:
number 預設值:
2 |
pointShape |
個別資料元素的形狀: 類型:
string 預設值:
'circle' |
pointSize |
顯示點的直徑 (以像素為單位)。使用零可隱藏所有點。您可以使用 類型:
number 預設值:
0 |
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果設為 類型:
boolean |
趨勢線 |
在支援的圖表上顯示趨勢線。
根據預設,系統會使用
趨勢線是依據每個序列指定,因此大部分時間選項會如下所示: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 類型:
object 預設值:
null |
trendlines.n.color |
趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。 類型:
string 預設值:預設序列顏色
|
trendlines.n.degree |
如要取得 類型:
number 預設值:
3 |
trendlines.n.labelInLegend |
類型:
string 預設值:
null |
trendlines.n.lineWidth |
類型:
number 預設值:
2 |
trendlines.n.type |
趨勢線是 類型:
string 預設值:
linear |
trendlines.n.visibleInLegend |
是否在圖例中顯示趨勢線方程式。 趨勢線工具提示會顯示這項資訊。 類型:
boolean 預設值:
false |
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
組織圖設定選項
名稱 | |
---|---|
顏色 |
組織結構圖元素的背景顏色。 類型:
預設值:
'#edf7ff' |
selectionColor |
所選機構組織圖元素的背景顏色。 類型:
string 預設值:
'#d6e9f8' |
大小 |
圖表的整體大小。選項包括 類型:
string 預設值:
'medium' |
圓餅圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
is3D |
如果 類型:
boolean 預設值:
false |
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
pieHole |
如果介於 類型:
number 預設值:
0 |
pieSliceBorderColor |
切片邊框的顏色。僅適用於二維圖表。 類型:
string 預設值:
'white' |
pieSliceText |
切片上顯示的文字內容。可以是下列任一值:
類型:
string 預設值:
'percentage' |
pieSliceTextStyle |
指定切片文字樣式的物件。物件格式如下: {color: <string>, fontName: <string>, fontSize: <number>}
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
slices.color |
這個切片要使用的顏色。 類型:
string |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
散布圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
curveType |
控制線條的曲線,線條寬度不得為零。 可以是下列任一值:
類型:
string 預設值: 'none'
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.gridlines |
這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
hAxis.gridlines.color |
圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
hAxis.gridlines.count |
圖表區域內的水平格線約略數量。如果為 類型:
number 預設值:
-1 |
hAxis.logScale |
這個選項僅支援 類型:
boolean 預設值:
false |
hAxis.maxValue |
將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
hAxis.minorGridlines |
這個物件的成員可設定水平軸上的次要格線,類似於
這個選項僅支援 類型:
object 預設值:
null |
hAxis.minorGridlines.color |
圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
hAxis.minorGridlines.count |
類型:
number 預設值:
1 |
hAxis.minValue |
將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。
類型:
number 預設值:自動
|
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。你可以使用 類型:
number 預設值:
2 |
pointShape |
個別資料元素的形狀: 類型:
string 預設值:
'circle' |
pointSize |
顯示點的直徑 (以像素為單位)。使用零可隱藏所有點。您可以使用 類型:
number 預設值:
0 |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有數值鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果設為 類型:
boolean |
趨勢線 |
在支援的圖表上顯示趨勢線。
根據預設,系統會使用
趨勢線是依據每個序列指定,因此大部分時間選項會如下所示: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 類型:
object 預設值:
null |
trendlines.n.color |
趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。 類型:
string 預設值:預設序列顏色
|
trendlines.n.degree |
如要取得 類型:
number 預設值:
3 |
trendlines.n.labelInLegend |
類型:
string 預設值:
null |
trendlines.n.lineWidth |
類型:
number 預設值:
2 |
trendlines.n.type |
趨勢線是 類型:
string 預設值:
linear |
trendlines.n.visibleInLegend |
是否在圖例中顯示趨勢線方程式。 趨勢線工具提示會顯示這項資訊。 類型:
boolean 預設值:
false |
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
階梯狀面積圖設定選項
名稱 | |
---|---|
areaOpacity |
區域圖序列下方彩色區域的預設不透明度,其中 類型:
number 、0.0- 1.0 預設值:
0.3 |
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設值:
'white' |
chartArea |
這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例: 類型:
object 預設值:
null |
chartArea.backgroundColor |
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如
'#fdc' ) 或英文顏色名稱。使用物件時,可以提供下列屬性:
類型:
string 或 object 預設值:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設值:auto
|
chartArea.left |
圖表與左邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.top |
圖表與上邊界的距離。 類型:
number 或 string 預設值:auto
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設值:auto
|
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
hAxis |
這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 類型:
object 預設值:
null |
hAxis.direction |
水平軸上值的成長方向。指定 類型:
1 或 -1 預設值:
1 |
hAxis.textPosition |
橫軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
hAxis.textStyle |
指定橫軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
類型:
string 預設值:
null |
hAxis.titleTextStyle |
這個物件會指定水平軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定橫軸的裁剪範圍。 類型:
object 預設值:
null |
hAxis.viewWindow.max |
要算繪的最大水平資料值。 如果 類型:
number 預設值:auto
|
hAxis.viewWindow.min |
要算繪的最小水平資料值。 如果 類型:
number 預設值:auto
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
isStacked |
如果設為
如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中,位於實際值之後。
目標軸預設會根據相對 0 到 1 的比例 (
100% 堆疊只支援 類型:
boolean / string 預設值:
false |
傳說 |
這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設值:
null |
legend.position |
圖例的位置。可以是下列任一值:
類型:
string 預設值:
'right' |
legendTextStyle |
指定圖例文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果設為 類型:
boolean 預設值:
false |
系列 |
物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件
您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有數值鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,且會將第一個序列宣告為黑色,並從圖例中移除,第四個序列則宣告為紅色,並從圖例中移除: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 類型:物件陣列,或含有巢狀物件的物件
預設值:
{} |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主題 |
主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:
類型:
string 預設值:
null |
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果設為 類型:
boolean |
useFirstColumnAsDomain |
如果設為 類型:
boolean |
vAxes |
如果圖表有多個垂直軸,則指定個別垂直軸的屬性。
每個子項物件都是
如要指定含有多個垂直軸的圖表,請先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] 類型:物件陣列,或含有子物件的物件
預設值:
null |
vAxis |
這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 類型:
object 預設值:
null |
vAxis.direction |
沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 類型:
1 或 -1 預設值:
1 |
vAxis.gridlines |
物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示: {color: '#333', minSpacing: 20}
這個選項僅支援 類型:
object 預設值:
null |
vAxis.gridlines.color |
圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設值:
'#CCC' |
vAxis.gridlines.count |
圖表區域內的水平格線約略數量。
如果為 類型:
number 預設值:
-1 |
vAxis.logScale |
如果是 類型:
boolean 預設值:
false |
vAxis.maxValue |
將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。
類型:
number 預設值:自動
|
vAxis.minorGridlines |
這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。 類型:
object 預設值:
null |
vAxis.minorGridlines.color |
圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。 類型:
string 預設:格線和背景顏色的混合色
|
vAxis.minorGridlines.count |
類型:
number 預設值:
1 |
vAxis.minValue |
將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。
類型:
number 預設值:
null |
vAxis.textPosition |
縱軸文字相對於圖表區域的位置。支援的值: 類型:
string 預設值:
'out' |
vAxis.textStyle |
指定縱軸文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
指定縱軸的標題。 類型:
string 預設:沒有標題
|
vAxis.titleTextStyle |
這個物件會指定垂直軸標題文字樣式。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定垂直軸的裁剪範圍。 類型:
object 預設值:
null |
vAxis.viewWindow.max |
要算繪的最大垂直資料值。 如果 類型:
number 預設值:auto
|
vAxis.viewWindow.min |
要算繪的最低垂直資料值。 如果 類型:
number 預設值:auto
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設值:包含元素的寬度
|
表格圖設定選項
名稱 | |
---|---|
alternatingRowStyle |
判斷是否要為奇數和偶數列指派交替顏色樣式。 類型:
boolean 預設值:
true |
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
page |
是否要透過資料啟用分頁功能,以及啟用方式。請選擇下列其中一個
類型:
string 預設值:
'disable' |
pageSize |
啟用分頁功能時,每頁的列數。 類型:
number 預設值:
10 |
showRowNumber |
如果設為 類型:
boolean 預設值:
false |
排序 |
使用者點選欄標題時,是否要排序資料欄,以及排序方式。如果啟用排序功能,建議同時設定
類型:
string 預設值:
'enable' |
sortAscending |
初始排序欄的排序順序。 類型:
boolean 預設值:
true |
sortColumn |
資料表中的資料欄索引,資料表最初會依此排序。資料欄會標示小箭頭,指出排序順序。 類型:
number 預設值:
-1 |
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設值:包含元素的寬度
|
時間軸設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如: 類型:
string 或 object 預設值:
'white' |
顏色 |
圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
高度 |
圖表高度 (以像素為單位)。 類型:
number 預設值:包含元素的高度
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設值:包含元素的寬度
|
樹狀圖設定選項
名稱 | |
---|---|
headerColor |
每個節點的標題部分顏色。指定 HTML 顏色值。 類型:
string 預設值:
#988f86 |
maxColor |
資料欄 3 值為 類型:
string 預設值:
#00dd00 |
maxDepth |
目前檢視畫面中顯示的節點層級數上限。層級會併入目前的平面。如果樹狀結構的層級超過這個數量,您必須向上或向下移動才能查看。您還可以在這些節點中,看到以陰影矩形表示的 類型:
number 預設值:
1 |
maxPostDepth |
以「提示」方式顯示的節點層級數 (超出 類型:
number 預設值:
0 |
midColor |
如果第 3 欄的值介於 類型:
string 預設值:
#000000 |
minColor |
資料欄 3 值為 類型:
string 預設值:
#dd0000 |
noColor |
當節點沒有第 3 欄的值,且該節點是葉節點 (或只包含葉節點) 時,要用於矩形的顏色。指定 HTML 顏色值。 類型:
string 預設值:
#000000 |
副標題 |
顯示在圖表標題下方的文字。 類型:
string 預設:沒有標題
|
subtitleTextStyle |
指定標題文字樣式的物件。
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
textStyle |
指定標題文字樣式的物件。顏色可以是任何 HTML 顏色字串,例如: 類型:
object 預設值:{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
title |
圖表上方顯示的文字。 類型:
string 預設:沒有標題
|
titleTextStyle |
指定標題文字樣式的物件。物件格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|