圖表類型
註解圖表設定選項
名稱 | |
---|---|
顏色 | 圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
displayRangeSelector | 是否顯示縮放範圍選取區域 (圖表底部的區域),其中 縮放選取器的外框是圖表中第一個序列的記錄比例版本,此版本會根據縮放選取器的高度調整。 類型:
boolean 預設:
true |
displayZoomButtons |
是否顯示變焦按鈕 (「1d 5d 1m」等),其中 類型:
boolean 預設:
true |
最高 |
要顯示在 Y 軸上的最大值。如果資料點上限超過這個值,系統就會提供
,且圖表也會經過調整,以顯示下一個主要勾號
或高於資料點上限這的優先順序高於規定的 Y 軸上限
上傳者: 這與核心圖表中的 類型:
number 預設:自動
|
分鐘 |
Y 軸顯示的最小值。如果資料點下限低於這個值,
系統會忽略這項設定,並且將圖表調整成顯示下一個主要刻度
優先順序高於 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 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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: [ {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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
number 預設:自動
|
長條圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串
例如: 類型:
string 或 object 預設:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設:
'white' |
chartArea |
用來設定圖表區域位置和大小之物件 (圖表位於
但不包括軸和圖例)。系統支援兩種格式:數字和
後面加上 %。簡單數字是以像素為單位的值;數字再加上 % 為數字
百分比。範例: 類型:
object 預設:
null |
chartArea.backgroundColor |
圖表區域背景顏色。使用字串時,可以是十六進位字串
(例如:
'#fdc' ) 或英文顏色名稱。使用物件時,下列屬性可以
提供:
類型:
string 或 object 預設:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:數字或
string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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: [ {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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
number 預設:自動
|
泡泡圖設定選項
名稱 | |
---|---|
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 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
number 預設:自動
|
日曆設定選項
名稱 | |
---|---|
高度 |
圖表的高度 (以像素為單位)。 類型:
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 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
number 預設:自動
|
柱狀圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串
例如: 類型:
string 或 object 預設:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設:
'white' |
chartArea |
用來設定圖表區域位置和大小之物件 (圖表位於
但不包括軸和圖例)。系統支援兩種格式:數字和
後面加上 %。簡單數字是以像素為單位的值;數字再加上 % 為數字
百分比。範例: 類型:
object 預設:
null |
chartArea.backgroundColor |
圖表區域背景顏色。使用字串時,可以是十六進位字串
(例如:
'#fdc' ) 或英文顏色名稱。使用物件時,下列屬性可以
提供:
類型:
string 或 object 預設:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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: [ {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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
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 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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: [ {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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
number 預設:自動
|
度量設定選項
名稱 | |
---|---|
greenColor |
在 HTML 色彩標記法中用於綠色部分的顏色。 類型:
string 預設:
'#109618' |
greenFrom |
以綠色標示範圍的最低值。 類型:
number 預設:無
|
greenTo |
以綠色標示範圍的最高值。 類型:
number 預設:無
|
高度 |
圖表的高度 (以像素為單位)。 類型:
number 預設:容器的寬度
|
最高 |
要顯示在 Y 軸上的最大值。如果資料點上限超過這個值,系統就會提供
,且圖表也會經過調整,以顯示下一個主要勾號
或高於資料點上限這的優先順序高於規定的 Y 軸上限
上傳者: 這與核心圖表中的 類型:
number 預設:自動
|
分鐘 |
Y 軸顯示的最小值。如果資料點下限低於這個值,
系統會忽略這項設定,並且將圖表調整成顯示下一個主要刻度
優先順序高於 Y 軸最小值
由 這與核心圖表中的 類型:
number 預設:自動
|
redColor |
在 HTML 顏色標記法中,紅色部分使用的顏色。 類型:
string 預設:
'#DC3912' |
redFrom |
以紅色標示範圍的最低值。 類型:
number 預設:無
|
redTo |
以紅色標示範圍的最高值。 類型:
number 預設:無
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設:容器的寬度
|
yellowColor |
在 HTML 色彩標記法中用於黃色部分的顏色。 類型:
string 預設:
'#FF9900' |
yellowFrom |
以黃色標示範圍的最低值。 類型:
number 預設:無
|
yellowTo |
以黃色標示範圍的最高值。 類型:
number 預設:無
|
Geochart 設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串
例如: 類型:
string 或 object 預設:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設:
'white' |
datalessRegionColor |
這個顏色會指派給沒有相關資料的區域。 類型:
string 預設:
'#F5F5F5' |
defaultColor |
當位置時,地理區域圖中資料點的顏色
(例如: 類型:
string 預設:
'#267114' |
displayMode |
這是哪一種地理區域圖。DataTable 格式必須與指定的值相符。 支援下列值:
類型:
string 預設:「auto」
|
高度 |
圖表的高度 (以像素為單位)。 類型:
number 預設:所含元素的高度
|
傳說 |
由成員組成的物件,可設定圖例的各個層面。如何指定 您可以使用物件實字標記法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 類型:
object 預設:
null |
legendTextStyle |
指定圖例文字樣式的物件。物件的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
類型:
object
預設:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
區域 |
要在地理圖中顯示的區域。周圍也會顯示周圍區域。可以是 下列其中一項:
類型:
string 預設:「world」
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設:所含元素的寬度
|
直方圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串
例如: 類型:
string 或 object 預設:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設:
'white' |
chartArea |
用來設定圖表區域位置和大小之物件 (圖表位於
但不包括軸和圖例)。系統支援兩種格式:數字和
後面加上 %。簡單數字是以像素為單位的值;數字再加上 % 為數字
百分比。範例: 類型:
object 預設:
null |
chartArea.backgroundColor |
圖表區域背景顏色。使用字串時,可以是十六進位字串
(例如:
'#fdc' ) 或英文顏色名稱。使用物件時,下列屬性可以
提供:
類型: string 或 object /div>
預設:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
number 預設:所含元素的高度
|
histogram.bucketSize |
將每個直方圖列的大小進行硬式編碼,而非自行設定 都會以演算法為基礎 類型:
number 預設:自動
|
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: [ {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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
number 預設:自動
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設:所含元素的寬度
|
折線圖設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串
例如: 類型:
string 或 object 預設:
'white' |
backgroundColor.fill |
圖表填滿顏色,以 HTML 顏色字串表示。 類型:
string 預設:
'white' |
chartArea |
用來設定圖表區域位置和大小之物件 (圖表位於
但不包括軸和圖例)。系統支援兩種格式:數字和
後面加上 %。簡單數字是以像素為單位的值;數字再加上 % 為數字
百分比。範例: 類型:
object 預設:
null |
chartArea.backgroundColor |
圖表區域背景顏色。使用字串時,可以是十六進位字串
(例如:
'#fdc' ) 或英文顏色名稱。使用物件時,下列屬性可以
提供:
類型:
string 或 object 預設:
'white' |
chartArea.height |
圖表區域高度。 類型:
number 或 string 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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: [ {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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
number 預設:自動
|
組織圖設定選項
名稱 | |
---|---|
顏色 |
機構圖表元素的背景顏色。 類型:
預設:
'#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 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML
顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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: [ {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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
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 預設:自動
|
chartArea.left |
從左框線繪製圖表的時間長度。 類型:
number 或 string 預設:自動
|
chartArea.top |
圖表與上框線的繪製距離。 類型:
number 或 string 預設:自動
|
chartArea.width |
圖表區域寬度。 類型:
number 或 string 預設:自動
|
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 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 預設:自動
|
hAxis.viewWindow.min |
要顯示的水平資料最小值。 當 類型:
number 預設:自動
|
高度 |
圖表的高度 (以像素為單位)。 類型:
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: [ {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 預設:自動
|
vAxis.viewWindow.min |
要顯示的垂直資料最小值。 當 類型:
number 預設:自動
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設:所含元素的寬度
|
表格圖設定選項
名稱 | |
---|---|
alternatingRowStyle |
決定是否要將交替顏色樣式指派給奇數及偶數。 類型:
boolean 預設:
true |
高度 |
圖表的高度 (以像素為單位)。 類型:
number 預設:所含元素的高度
|
page |
是否及如何啟用資料分頁功能。請選擇下列其中一個
類型:
string 預設:
'disable' |
pageSize |
透過頁面選項啟用分頁功能時,每個頁面的列數。 類型:
number 預設:
10 |
showRowNumber |
如果設為 類型:
boolean 預設:
false |
排序 |
使用者點選欄標題時,系統如何排序資料欄。如果已啟用排序功能
建議一併設定
類型:
string 預設:
'enable' |
sortAscending |
初始排序資料欄的排序方式。 類型:
boolean 預設:
true |
sortColumn |
資料表中的資料欄索引,資料表最初的排序依據。資料欄 標有代表排序順序的小箭頭。 類型:
number 預設:
-1 |
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設:所含元素的寬度
|
時間軸設定選項
名稱 | |
---|---|
backgroundColor |
圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串
例如: 類型:
string 或 object 預設:
'white' |
顏色 |
圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML
顏色字串,例如: 類型:字串陣列
預設:預設顏色
|
高度 |
圖表的高度 (以像素為單位)。 類型:
number 預設:所含元素的高度
|
寬度 |
圖表的寬度 (以像素為單位)。 類型:
number 預設:所含元素的寬度
|
樹狀圖設定選項
名稱 | |
---|---|
headerColor |
每個節點標題區段的顏色。指定 HTML 顏色值。 類型:
string 預設:
#988f86 |
maxColor |
第 3 欄值為 類型:
string 預設:
#00dd00 |
maxDepth |
目前檢視畫面顯示的節點層級數量上限。水平平穩
複製到目前飛機如果您的樹狀結構包含更多樓層,您就必須上移或
即可查看。下方會另外顯示 類型:
number 預設:
1 |
maxPostDepth |
「提示」中會顯示超過 類型:
number 預設:
0 |
midColor |
類型:
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>}
|