圖表類型
註解圖表設定選項
名稱 | |
---|---|
顏色 | 圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設值:預設顏色
|
displayRangeSelector | 是否顯示縮放範圍選取區域 (圖表底部的區域),其中 縮放選取器中的輪廓是圖表中第一個系列的對數比例版本,並且經過縮放,以符合縮放選取器的高度。 類型:
boolean 預設值:
true |
displayZoomButtons |
是否要顯示縮放按鈕 (「1d 5d 1m」等),其中 類型:
boolean 預設值:
true |
最高 |
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 預設值:容器的寬度
|
最高 |
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 |
地圖圖表的類型。資料表格格式必須符合指定的值。支援下列值:
類型:
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 |
計算直方圖的桶大小時,請忽略頂端和底部的 類型:
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 |
在使用「page」選項啟用分頁時,每頁的列數。 類型:
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 |
在 類型:
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>}
|