圖表類型
註解圖表設定選項
名稱 | |
---|---|
顏色 | 圖表元素使用的顏色。字串陣列,其中每個元素都是 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
|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
interpolateNulls |
猜測遺漏點數的值。如果為
採用 類型:
boolean 預設:
false |
isStacked |
如果設為
如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。
根據預設,目標軸的值會根據 0 到 1 的比例為 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 |
資料線條寬度 (以像素為單位)。使用 0 可隱藏所有線條,只顯示點。您可以使用 類型:
number 預設:
2 |
pointShape |
個別資料元素的形狀: 類型:
string 預設:
'circle' |
pointSize |
顯示點的直徑 (以像素為單位)。輸入 0 即可隱藏所有點。您可以使用 類型:
number 預設:
0 |
reverseCategories |
如果設為 類型:
boolean 預設:
false |
series |
物件陣列,每個都會說明圖表中對應序列的格式。如要使用序列的預設值,請指定空物件
您可以指定物件的陣列,而每個物件會按照指定順序套用;或者,您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其套用的序列。舉例來說,以下兩個宣告是相同的,且將第一個序列宣告為黑色且不在圖例中,而第四個序列為紅色,不含圖例: 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
|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
isStacked |
如果設為
如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。
根據預設,目標軸的值會根據 0 到 1 的比例為 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 |
物件陣列,每個都會說明圖表中對應序列的格式。
如要使用序列的預設值,請指定空物件
您可以指定物件的陣列,而每個物件會按照指定順序套用;或者,您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其套用的序列。舉例來說,以下兩個宣告是相同的,且將第一個序列宣告為黑色且不在圖例中,而第四個序列為紅色,不含圖例: 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
|
height |
圖表高度,以像素為單位。 類型:
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 |
物件的物件,其中的鍵為序列名稱 (「顏色」欄中的值),以及說明圖表中對應序列格式的每個物件。如未指定序列或值,系統會使用全域值。每個物件都支援下列屬性:
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
|
日曆設定選項
名稱 | |
---|---|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
width |
圖表寬度 (以像素為單位)。 類型:
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
|
height |
圖表高度,以像素為單位。 類型:
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 |
物件陣列,每個都會說明圖表中對應序列的格式。
如要使用序列的預設值,請指定空物件
您可以指定物件的陣列,而每個物件會按照指定順序套用;或者,您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其套用的序列。舉例來說,以下兩個宣告是相同的,且將第一個序列宣告為黑色且不在圖例中,而第四個序列為紅色,不含圖例: 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
|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
isStacked |
如果設為
如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。
根據預設,目標軸的值會根據 0 到 1 的比例為 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 |
物件陣列,每個都會說明圖表中對應序列的格式。
如要使用序列的預設值,請指定空物件
您可以指定物件的陣列,而每個物件會按照指定順序套用;或者,您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其套用的序列。舉例來說,以下兩個宣告是相同的,且將第一個序列宣告為黑色且不在圖例中,而第四個序列為紅色,不含圖例: 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 |
在線條寬度不為 0 時控制線條曲線。可以是下列任一值:
類型:
string 預設:「無」
|
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
|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
interpolateNulls |
猜測遺漏點數的值。如果為
採用 類型:
boolean 預設:
false |
isStacked |
如果設為
如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。
根據預設,目標軸的值會根據 0 到 1 的比例為 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 |
資料線條寬度 (以像素為單位)。使用 0 可隱藏所有線條,只顯示點。您可以使用 類型:
number 預設:
2 |
pointShape |
個別資料元素的形狀: 類型:
string 預設:
'circle' |
pointSize |
顯示點的直徑 (以像素為單位)。輸入 0 即可隱藏所有點。您可以使用 類型:
number 預設:
0 |
reverseCategories |
如果設為 類型:
boolean 預設:
false |
series |
物件陣列,每個都會說明圖表中對應序列的格式。如要使用序列的預設值,請指定空物件
您可以指定物件的陣列,而每個物件會按照指定順序套用;或者,您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其套用的序列。舉例來說,以下兩個宣告是相同的,且將第一個序列宣告為黑色且不在圖例中,而第四個序列為紅色,不含圖例: 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 預設:無
|
height |
圖表高度,以像素為單位。 類型:
number 預設:容器的寬度
|
最高 |
Y 軸所顯示的最大值。如果資料點上限超過這個值,系統會忽略這項設定並調整圖表,在最大資料點上方顯示下一個主要刻點標記。優先順序高於 這與核心圖表中的 類型:
number 預設:自動
|
分鐘 |
要顯示在 Y 軸上的最小值。如果最小資料點小於這個值,系統會忽略這項設定並調整圖表,在最低資料點下方顯示下一個主要刻點標記。優先順序高於 這與核心圖表中的 類型:
number 預設:自動
|
redColor |
在 HTML 色彩標記法中用於紅色部分的顏色。 類型:
string 預設:
'#DC3912' |
redFrom |
以紅色標示的範圍最低值。 類型:
number 預設:無
|
redTo |
以紅色標示的範圍最大值。 類型:
number 預設:無
|
width |
圖表寬度 (以像素為單位)。 類型:
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」
|
height |
圖表高度,以像素為單位。 類型:
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>}
|
region |
地理圖上顯示的區域。你也可以看見鄰近區域。可以是下列其中一項:
類型:
string 預設值: 'world'
|
width |
圖表寬度 (以像素為單位)。 類型:
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
|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
histogram.bucketSize |
對每個直方圖長條的大小進行硬式編碼,而非透過演算法決定。 類型:
number 預設:auto
|
histogram.hideBucketItems |
在直方圖區塊之間省略細除法,使其成為連續長條。 類型:
boolean 預設:
false |
histogram.lastBucketPercentile |
計算直方圖的值區大小時,請忽略頂部和底部 類型:
number 預設:
0 |
interpolateNulls |
猜測遺漏點數的值。如果為
採用 類型:
boolean 預設:
false |
isStacked |
如果設為
如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。
根據預設,目標軸的值會根據 0 到 1 的比例為 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 |
物件陣列,每個都會說明圖表中對應序列的格式。如要使用序列的預設值,請指定空物件
您可以指定物件的陣列,而每個物件會按照指定順序套用;或者,您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其套用的序列。舉例來說,以下兩個宣告是相同的,且將第一個序列宣告為黑色且不在圖例中,而第四個序列為紅色,不含圖例: 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
|
width |
圖表寬度 (以像素為單位)。 類型:
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 |
在線條寬度不為 0 時控制線條曲線。可以是下列任一值:
類型:
string 預設:「無」
|
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
|
height |
圖表高度,以像素為單位。 類型:
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 |
資料線條寬度 (以像素為單位)。使用 0 可隱藏所有線條,只顯示點。您可以使用 類型:
number 預設:
2 |
pointShape |
個別資料元素的形狀: 類型:
string 預設:
'circle' |
pointSize |
顯示點的直徑 (以像素為單位)。輸入 0 即可隱藏所有點。您可以使用 類型:
number 預設:
0 |
reverseCategories |
如果設為 類型:
boolean 預設:
false |
series |
物件陣列,每個都會說明圖表中對應序列的格式。
如要使用序列的預設值,請指定空物件
您可以指定物件的陣列,而每個物件會按照指定順序套用;或者,您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其套用的序列。舉例來說,以下兩個宣告是相同的,且將第一個序列宣告為黑色且不在圖例中,而第四個序列為紅色,不含圖例: 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' |
size |
圖表的整體大小。選項包括 類型:
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 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
3D |
如果為 類型:
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 |
在線條寬度不為 0 時控制線條曲線。可以是下列任一值:
類型:
string 預設:「無」
|
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
|
height |
圖表高度,以像素為單位。 類型:
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 |
資料線條寬度 (以像素為單位)。使用 0 可隱藏所有線條,只顯示點。您可以使用 類型:
number 預設:
2 |
pointShape |
個別資料元素的形狀: 類型:
string 預設:
'circle' |
pointSize |
顯示點的直徑 (以像素為單位)。輸入 0 即可隱藏所有點。您可以使用 類型:
number 預設:
0 |
series |
物件陣列,每個都會說明圖表中對應序列的格式。如要使用序列的預設值,請指定空物件
您可以指定物件的陣列,而每個物件會按照指定順序套用;或者,您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其套用的序列。舉例來說,以下兩個宣告是相同的,且將第一個序列宣告為黑色且不在圖例中,而第四個序列為紅色,不含圖例: 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
|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
isStacked |
如果設為
如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。
根據預設,目標軸的值會根據 0 到 1 的比例為 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 |
物件陣列,每個都會說明圖表中對應序列的格式。
如要使用序列的預設值,請指定空物件
您可以指定物件陣列,其中每個陣列會依照指定順序套用;或者您也可以指定一個物件,其中每個子項都會使用數字鍵來表示其要套用至哪個序列。舉例來說,下列兩個宣告是相同的,並將第一個序列宣告為圖例中的黑色與缺少,而第四個序列為紅色與缺少的圖例: 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
|
width |
圖表寬度 (以像素為單位)。 類型:
number 預設:內含元素的寬度
|
表格圖表設定選項
名稱 | |
---|---|
alternatingRowStyle |
決定是否要將交替顏色樣式指派給奇數和偶數列。 類型:
boolean 預設:
true |
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
page |
如果具備資料分頁功能,以及如何啟用資料分頁功能。請選擇下列其中一個
類型:
string 預設:
'disable' |
pageSize |
透過頁面選項啟用分頁功能時,每頁的列數。 類型:
number 預設:
10 |
showRowNumber |
如果設為 類型:
boolean 預設:
false |
排序 |
使用者點選欄標題時,系統是否提供資料欄標題及排序方式。如果已啟用排序功能,請一併考慮設定
類型:
string 預設:
'enable' |
sortAscending |
初始排序資料欄的排序順序。 類型:
boolean 預設:
true |
sortColumn |
資料表中特定資料欄的索引,該欄一開始是以這個表格排序。該欄會標上用來表示排序順序的小箭頭。 類型:
number 預設:
-1 |
width |
圖表寬度 (以像素為單位)。 類型:
number 預設:內含元素的寬度
|
時間軸設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 類型:
string 或 object 預設:
'white' |
顏色 |
圖表元素使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
height |
圖表高度,以像素為單位。 類型:
number 預設:所含元素的高度
|
width |
圖表寬度 (以像素為單位)。 類型:
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>}
|