圖表設定選項

圖表類型

註解圖表設定選項

名稱
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
displayRangeSelector

是否顯示縮放範圍選取區域 (圖表底部的區域),其中 false 表示否。

縮放選取器中的輪廓是圖表中第一個系列的對數比例版本,並且經過縮放,以便符合縮放選取器的高度。

類型: boolean
預設值: true
displayZoomButtons

是否要顯示縮放按鈕 (「1d 5d 1m」等),其中 false 表示否。

類型: boolean
預設值: true
最高

Y 軸上顯示的最大值。如果最大資料點超過這個值,系統會忽略這項設定,並調整圖表,以便在最大資料點上方顯示下一個主要刻度標記。這會優先於 scaleType 所判定的 Y 軸最大值。

這與核心圖表中的 maxValue 類似。

類型: number
預設值:自動
分鐘

Y 軸上要顯示的最小值。如果最小資料點小於這個值,系統會忽略這項設定,並調整圖表,以便顯示最小資料點下方的下一個主要刻度標記。這會優先於 scaleType 決定的 Y 軸最小值。

這與核心圖表中的 minValue 類似。

類型: number
預設值:自動

面積圖設定選項

名稱
areaOpacity

區域圖表系列下方彩色區域的預設不透明度,其中 0.0 完全透明,1.0 完全不透明。如要為個別資料列指定不透明度,請在 series 屬性中設定 areaOpacity 值。

類型: number0.0- 1.0
預設值: 0.3
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

沿著水平軸的值增加方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性可將水平軸設為對數刻度 (要求所有值皆為正值)。設為 true 表示是。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸的最大值移至指定的值,在大多數圖表中,這會是向右移動。如果此值設為小於資料最大 x 值的值,系統會忽略該值。hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定的值,在大多數圖表中,這會是向左移動。如果此值設為大於資料最小 x 值的值,系統會忽略該值。hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
interpolateNulls

是否要猜測缺少點的值。如果是 true,系統會根據鄰近點推測缺少資料的值。如果是 false,則會在未知點處留下線條中斷。

面積圖表搭配 isStacked: true/'percent'/'relative'/'absolute' 選項時,不支援這項功能。

類型: boolean
預設值: false
isStacked

如果設為 true,則會在每個網域值上堆疊所有序列的元素。注意:ColumnAreaSteppedArea 圖表中,Google 圖表會將圖例項目的順序倒轉,以便與系列元素的堆疊順序相符 (例如,系列 0 會是位於最底部的圖例項目)。這 不適用於 長條圖表。

isStacked 選項也支援 100% 堆疊,也就是將每個網域值的元素堆疊重新調整,使其總和為 100%。

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在每個網域值上堆疊所有序列的元素。
  • 'percent':在每個網域值上堆疊所有序列的元素,並重新調整大小,使其總和為 100%,其中每個元素的值會以 100% 的百分比計算。
  • 'relative':在每個網域值上堆疊所有序列的元素,並重新調整其大小,使其總和為 1,其中每個元素的值會計算為 1 的一個小數。
  • 'absolute':功能與 isStacked: true 相同。

在 100% 堆疊的情況下,每個元素的計算值會顯示在工具提示中,位於實際值之後。

目標軸預設會根據相對 0-1 比例,將刻度值顯示為 'relative' 的 1 分之一,以及 'percent' 的 0-100%。注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值為相對 0-1 比例值。這是因為百分比軸刻度是將格式「#.##%」套用至相對 0-1 比例值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 比例值指定任何刻度/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻度值和格式。

100% 堆疊功能僅支援 number 類型的資料值,且必須有零基準。

類型: boolean/string
預設值: false
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關的 series。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':位於圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。您可以使用 series 屬性覆寫個別系列叢書的值。

類型: number
預設值: 2
pointShape

個別資料元素的形狀:'circle''triangle''square''diamond''star''polygon'。如需示例,請參閱 Points 說明文件

類型: string
預設值: 'circle'
pointSize

顯示點的直徑 (以像素為單位)。使用零來隱藏所有點。您可以使用 series 屬性覆寫個別系列叢書的值。

類型: number
預設值: 0
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要使用系列的預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • annotations:要套用至此系列註解的物件。這可用於控制系列的 textStyle,例如:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    如需完整的選項清單,請參閱各種 annotations 選項。

  • areaOpacity:覆寫此系列的全域 areaOpacity
  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • labelInLegend - 圖例中顯示的序列說明。
  • lineDashStyle:覆寫此系列的全球 lineDashStyle 值。
  • lineWidth:覆寫此系列的全球 lineWidth 值。
  • pointShape:覆寫此系列的全球 pointShape 值。
  • pointSize:覆寫此系列的全球 pointSize 值。
  • pointsVisible:覆寫此系列的全球 pointsVisible 值。
  • targetAxisIndex:要將此序列指派至哪個軸,其中 0 是預設軸,1 是相反的軸。預設值為 0;將其設為 1 可定義圖表,其中不同的序列會對應至不同的軸。至少須將一個資料列分配給預設軸。您可以為不同的軸定義不同的比例。
  • visibleInLegend - boolean 值,其中 true 表示資料列應有圖例項目,false 則表示不應有。預設值為 true

您可以指定物件陣列,每個物件都會依照指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,指出該物件適用於哪個系列叢書。舉例來說,下列兩個宣告內容相同,並宣告第一個系列為黑色且不顯示於圖例中,第四個系列為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果設為 true,圖表會將該欄視為文字欄。

類型: boolean
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto

長條圖設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型:string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型:號碼或 string
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
hAxes

如果圖表有多個水平軸,則可指定個別水平軸的屬性。每個子項物件都是 hAxis 物件,可包含 hAxis 支援的所有屬性。這些屬性值會覆寫同一個屬性的任何全域設定。

如要指定含有多個水平軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 hAxes 設定軸。以下範例會將序列 1 指派至底部軸,並為其指定自訂標題和文字樣式:

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 hAxis 物件相同:

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
預設值: 1
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性可將水平軸設為對數刻度 (要求所有值皆為正值)。設為 true 表示是。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸的最大值移至指定的值,在大多數圖表中,這會是向右移動。如果此值設為小於資料最大 x 值的值,系統會忽略該值。hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定的值,在大多數圖表中,這會是向左移動。如果此值設為大於資料最小 x 值的值,系統會忽略該值。hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
isStacked

如果設為 true,則會在每個網域值上堆疊所有序列的元素。注意:ColumnAreaSteppedArea 圖表中,Google 圖表會將圖例項目的順序倒轉,以便與序列元素的堆疊順序相符 (例如,序列 0 會是位於最底部的圖例項目)。這 不適用於 長條圖表。

isStacked 選項也支援 100% 堆疊,也就是將每個網域值的元素堆疊重新調整,使其總和為 100%。

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在每個網域值上堆疊所有序列的元素。
  • 'percent':在每個網域值上堆疊所有序列的元素,並重新調整大小,使其總和為 100%,其中每個元素的值會以 100% 的百分比計算。
  • 'relative':在每個網域值上堆疊所有序列的元素,並重新調整其大小,使其總和為 1,其中每個元素的值會計算為 1 的一個小數。
  • 'absolute':功能與 isStacked: true 相同。

在 100% 堆疊的情況下,每個元素的計算值會顯示在工具提示中,位於實際值之後。

目標軸預設會根據相對 0-1 比例,將刻度值顯示為 'relative' 的 1 分之一,以及 'percent' 的 0-100%。注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值為相對 0-1 比例值。這是因為百分比軸刻度是將格式「#.##%」套用至相對 0-1 比例值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 比例值指定任何刻度/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻度值和格式。

100% 堆疊功能僅支援 number 類型的資料值,且必須有零基準。

類型: boolean/string
預設值: false
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要使用系列叢書的預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • annotations:要套用至此系列註解的物件。這可用於控制系列的 textStyle,例如:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    如需完整的選項清單,請參閱各種 annotations 選項。

  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • labelInLegend - 圖例中顯示的序列說明。
  • targetAxisIndex:要將此序列指派至哪個軸,其中 0 是預設軸,1 是相反的軸。預設值為 0;將其設為 1 可定義圖表,其中不同的序列會對應至不同的軸。至少須將一個資料列分配給預設軸。您可以為不同的軸定義不同的比例。
  • visibleInLegend - boolean 值,其中 true 表示資料系列應有圖例項目,false 則表示不應有。預設值為 true

您可以指定物件陣列,每個物件都會依照指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,指出該物件適用於哪個系列叢書。舉例來說,下列兩個宣告內容相同,並宣告第一個系列為黑色且不顯示於圖例中,第四個系列為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
趨勢線

在支援趨勢線的圖表上顯示 趨勢線 。根據預設,系統會使用 linear 趨勢線,但您可以使用 trendlines.n.type 選項自訂趨勢線。

趨勢線會依序列指定,因此大多數情況下,您的選項會如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
類型: object
預設值: null
trendlines.n.color

趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。

類型: string
預設:預設的序列顏色
trendlines.n.degree

type: 'polynomial' 趨勢線 :多項式的次數 (2 代表二次方程式、3 代表三次方程式,依此類推)。

類型: number
預設值: 3
trendlines.n.labelInLegend

如果設為此值, 趨勢線 會以這個字串顯示在圖例中。

類型: string
預設值: null
trendlines.n.lineWidth

趨勢線的線條寬度,以像素為單位。

類型: number
預設值: 2
trendlines.n.type

是否要使用 趨勢線 'linear' (預設值)、'exponential''polynomial'

類型: string
預設值: linear
trendlines.n.visibleInLegend

是否顯示 趨勢線 方程式。這會顯示在趨勢線工具提示中。

類型: boolean
預設值: false
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxis

包含成員的物件,可用於設定各種垂直軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
類型: object
預設值: null
vAxis.direction

沿著垂直軸值增加的方向。根據預設,低值會顯示在圖表底部。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto

泡泡圖設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
泡泡

包含成員的物件,用於設定氣泡的視覺屬性。

類型: object
預設值: null
bubble.opacity

氣泡的不透明度,其中 0 完全透明,1 完全不透明。

類型:介於 0.0 和 1.0 之間的數字
預設值:0.8
bubble.stroke

氣泡筆劃的顏色。

類型: string
預設值: '#ccc'
bubble.textStyle

指定氣泡文字樣式的物件。物件的格式如下:

{color: <string>, fontName: <string>, fontSize: <number>}

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面加上 %。純數字是像素值;數字後面加上 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

沿著水平軸的值增加方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性可將水平軸設為對數刻度 (要求所有值皆為正值)。設為 true 表示是。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸的最大值移至指定的值,在大多數圖表中,這會是向右移動。如果此值設為小於資料最大 x 值的值,系統會忽略該值。hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定的值,在大多數圖表中,這會是向左移動。如果此值設為大於資料最小 x 值的值,系統會忽略該值。hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
系列

物件物件,其中鍵為序列名稱 (「顏色」欄中的值),而每個物件會描述圖表中對應序列的格式。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • visibleInLegend - boolean 值,其中 true 表示資料系列應有圖例項目,false 則表示不應有。預設值為 true
範例:
series: {'Europe': {color: 'green'}}
類型:含有巢狀物件的物件
預設值: {}
sizeAxis

包含成員的物件,可用於設定值與氣泡大小的關聯方式。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

 {minValue: 0,  maxSize: 20}
類型: object
預設值: null
sizeAxis.maxSize

最大氣泡半徑 (以像素為單位)。

類型: number
預設值:30
sizeAxis.minSize

最小氣泡的半徑下限 (以像素為單位)。

類型: number
預設值:5
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果設為 true,圖表會將該欄視為文字欄。

類型: boolean
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto

日曆設定選項

名稱
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
寬度

圖表的寬度 (以像素為單位)。

類型: number
預設值:包含元素的寬度

K 線圖設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

沿著水平軸的值增加方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性可將水平軸設為對數刻度 (要求所有值皆為正值)。設為 true 表示是。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸的最大值移至指定的值,在大多數圖表中,這會是向右移動。如果此值設為小於資料最大 x 值的值,系統會忽略該值。hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定的值,在大多數圖表中,這會是向左移動。如果此值設為大於資料最小 x 值的值,系統會忽略該值。hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要使用系列叢書的預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • fallingColor.fill:覆寫此系列的全球 candlestick.fallingColor.fill 值。
  • fallingColor.stroke:覆寫此系列的全球 candlestick.fallingColor.stroke 值。
  • fallingColor.strokeWidth:覆寫此系列的全球 candlestick.fallingColor.strokeWidth 值。
  • labelInLegend - 圖例中顯示的序列說明。
  • risingColor.fill:覆寫此系列的全球 candlestick.risingColor.fill 值。
  • risingColor.stroke:覆寫此系列的全球 candlestick.risingColor.stroke 值。
  • risingColor.strokeWidth:覆寫此系列的全球 candlestick.risingColor.strokeWidth 值。
  • targetAxisIndex:要將此序列指派至哪個軸,其中 0 是預設軸,1 是相反的軸。預設值為 0;將其設為 1 可定義圖表,其中不同的序列會對應至不同的軸。至少須將一個資料列分配給預設軸。您可以為不同的軸定義不同的比例。
  • visibleInLegend - boolean 值,其中 true 表示資料系列應有圖例項目,false 則表示不應有。預設值為 true

您可以指定物件陣列,每個物件都會依照指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,指出該物件適用於哪個系列叢書。舉例來說,下列兩個宣告內容相同,並宣告第一個系列為黑色且不顯示於圖例中,第四個系列為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto

資料欄圖表設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

沿著水平軸的值增加方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性可將水平軸設為對數刻度 (要求所有值皆為正值)。設為 true 表示是。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸的最大值移至指定的值,在大多數圖表中,這會是向右移動。如果此值設為小於資料最大 x 值的值,系統會忽略該值。hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定的值,在大多數圖表中,這會是向左移動。如果此值設為大於資料最小 x 值的值,系統會忽略該值。hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
isStacked

如果設為 true,則會在每個網域值上堆疊所有系列的元素。注意:ColumnAreaSteppedArea 圖表中,Google 圖表會將圖例項目的順序倒轉,以便與系列元素的堆疊順序相符 (例如,系列 0 會是位於最底部的圖例項目)。這 不適用於 長條圖表。

isStacked 選項也支援 100% 堆疊,也就是將每個網域值的元素堆疊重新調整,使其總和為 100%。

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在每個網域值上堆疊所有序列的元素。
  • 'percent':在每個網域值上堆疊所有序列的元素,並重新調整大小,使其總和為 100%,其中每個元素的值會以 100% 的百分比計算。
  • 'relative':在每個網域值上堆疊所有序列的元素,並重新調整其大小,使其總和為 1,其中每個元素的值會計算為 1 的一個小數。
  • 'absolute':功能與 isStacked: true 相同。

在 100% 堆疊的情況下,每個元素的計算值會顯示在工具提示中,位於實際值之後。

目標軸預設會根據相對 0-1 比例,將刻度值顯示為 'relative' 的 1 分之一,以及 'percent' 的 0-100%。注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值為相對 0-1 比例值。這是因為百分比軸刻度是將格式「#.##%」套用至相對 0-1 比例值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 比例值指定任何刻度/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻度值和格式。

100% 堆疊功能僅支援 number 類型的資料值,且必須有零基準。

類型: boolean/string
預設值: false
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要使用系列叢書的預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • annotations:要套用至此系列註解的物件。這可用於控制系列的 textStyle,例如:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    如需完整的選項清單,請參閱各種 annotations 選項。

  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • labelInLegend - 圖例中顯示的序列說明。
  • targetAxisIndex:要將此序列指派至哪個軸,其中 0 是預設軸,1 是相反的軸。預設值為 0;將其設為 1 可定義圖表,其中不同的序列會對應至不同的軸。至少須將一個資料列分配給預設軸。您可以為不同的軸定義不同的比例。

您可以指定物件陣列,每個物件都會依照指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,可指出該物件適用於哪個系列叢書。舉例來說,下列兩個宣告內容相同,並宣告第一個系列為黑色且不顯示於圖例中,第四個系列為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
趨勢線

在支援趨勢線的圖表上顯示 趨勢線 。根據預設,系統會使用 linear 趨勢線,但您可以使用 trendlines.n.type 選項自訂趨勢線。

趨勢線會依序列指定,因此大多數情況下,您的選項會如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
類型: object
預設值: null
trendlines.n.color

趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。

類型: string
預設:預設的序列顏色
trendlines.n.degree

type: 'polynomial' 趨勢線 :多項式的次數 (2 代表二次方程式、3 代表三次方程式,依此類推)。

類型: number
預設值: 3
trendlines.n.labelInLegend

如果設為此值, 趨勢線 會以這個字串顯示在圖例中。

類型: string
預設值: null
trendlines.n.lineWidth

趨勢線的線條寬度,以像素為單位。

類型: number
預設值: 2
trendlines.n.type

是否要使用 趨勢線 'linear' (預設值)、'exponential''polynomial'

類型: string
預設值: linear
trendlines.n.visibleInLegend

是否在圖例中顯示 趨勢線 方程式。這會顯示在趨勢線工具提示中。

類型: boolean
預設值: false
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto

組合圖設定選項

名稱
areaOpacity

區域圖表系列下方彩色區域的預設不透明度,其中 0.0 完全透明,1.0 完全不透明。如要為個別資料列指定不透明度,請在 series 屬性中設定 areaOpacity 值。

類型: number0.0- 1.0
預設值: 0.3
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
curveType

在線條寬度不為零時,控制線條的曲線。可以是下列任一值:

  • 'none' - 沒有曲線的直線。
  • 'function' - 線條的角度會變得平滑。
類型:string
預設值: 'none'
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

沿著水平軸的值增加方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性可將水平軸設為對數刻度 (要求所有值皆為正值)。設為 true 表示是。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸的最大值移至指定的值,在大多數圖表中,這會是向右移動。如果此值設為小於資料最大 x 值的值,系統會忽略該值。hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定的值,在大多數圖表中,這會是向左移動。如果此值設為大於資料最小 x 值的值,系統會忽略該值。hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
interpolateNulls

是否要猜測缺少點的值。如果是 true,系統會根據鄰近點推測缺少資料的值。如果是 false,則會在未知點處留下線條中斷。

面積圖表搭配 isStacked: true/'percent'/'relative'/'absolute' 選項時,不支援這項功能。

類型: boolean
預設值: false
isStacked

如果設為 true,則會在每個網域值上堆疊所有序列的元素。注意:ColumnAreaSteppedArea 圖表中,Google 圖表會將圖例項目的順序倒轉,以便與系列元素的堆疊順序相符 (例如,系列 0 會是位於最底部的圖例項目)。這 不適用於 長條圖表。

isStacked 選項也支援 100% 堆疊,也就是將每個網域值的元素堆疊重新調整,使其總和為 100%。

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在每個網域值上堆疊所有序列的元素。
  • 'percent':在每個網域值上堆疊所有序列的元素,並重新調整大小,使其總和為 100%,其中每個元素的值會以 100% 的百分比計算。
  • 'relative':在每個網域值上堆疊所有序列的元素,並重新調整其大小,使其總和為 1,其中每個元素的值會計算為 1 的一個小數。
  • 'absolute':功能與 isStacked: true 相同。

在 100% 堆疊的情況下,每個元素的計算值會顯示在工具提示中,位於實際值之後。

目標軸預設會根據相對 0-1 比例,將刻度值顯示為 'relative' 的 1 分之一,以及 'percent' 的 0-100%。注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值為相對 0-1 比例值。這是因為百分比軸刻度是將格式「#.##%」套用至相對 0-1 比例值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 比例值指定任何刻度/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻度值和格式。

100% 堆疊功能僅支援 number 類型的資料值,且必須有零基準。

類型: boolean/string
預設值: false
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。您可以使用 series 屬性覆寫個別系列叢書的值。

類型: number
預設值: 2
pointShape

個別資料元素的形狀:'circle''triangle''square''diamond''star''polygon'。如需示例,請參閱 Points 說明文件

類型: string
預設值: 'circle'
pointSize

顯示點的直徑 (以像素為單位)。使用零來隱藏所有點。您可以使用 series 屬性覆寫個別系列叢書的值。如果您使用的是趨勢線pointSize 選項會影響趨勢線的寬度,除非您使用 trendlines.n.pointsize 選項覆寫。

類型: number
預設值: 0
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要使用系列叢書的預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • annotations:要套用至此系列註解的物件。這可用於控制系列的 textStyle,例如:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    如需完整的選項清單,請參閱各種 annotations 選項。

  • areaOpacity - 覆寫此系列叢書的全域 areaOpacity
  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • curveType:覆寫此系列的全球 curveType 值。
  • fallingColor.fill:覆寫此系列的全球 candlestick.fallingColor.fill 值。
  • fallingColor.stroke:覆寫此系列的全球 candlestick.fallingColor.stroke 值。
  • fallingColor.strokeWidth:覆寫此系列的全球 candlestick.fallingColor.strokeWidth 值。
  • labelInLegend - 圖例中顯示的序列說明。
  • lineDashStyle:覆寫此系列的全球 lineDashStyle 值。
  • lineWidth:覆寫此系列的全球 lineWidth 值。
  • pointShape:覆寫此系列的全球 pointShape 值。
  • pointSize:覆寫此系列的全球 pointSize 值。
  • pointsVisible:覆寫此系列的全球 pointsVisible 值。
  • risingColor.fill:覆寫此系列的全球 candlestick.risingColor.fill 值。
  • risingColor.stroke:覆寫此系列的全球 candlestick.risingColor.stroke 值。
  • risingColor.strokeWidth:覆寫此系列的全球 candlestick.risingColor.strokeWidth 值。
  • targetAxisIndex:要將此序列指派至哪個軸,其中 0 是預設軸,1 是相反的軸。預設值為 0;將其設為 1 可定義圖表,其中不同的序列會對應至不同的軸。至少須將一個資料列分配給預設軸。您可以為不同的軸定義不同的比例。
  • type:此系列的標記類型。有效值為「line」、「area」、「bars」和「steppedArea」。請注意,長條實際上是垂直長條 (欄)。預設值由圖表的 seriesType 選項指定。
  • visibleInLegend - boolean 值,其中 true 表示資料系列應有圖例項目,false 則表示不應有圖例項目。預設值為 true

您可以指定物件陣列,每個物件都會依照指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,指出該物件適用於哪個系列叢書。舉例來說,下列兩個宣告內容相同,並宣告第一個系列為黑色且不顯示於圖例中,第四個系列為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto

度量器設定選項

名稱
greenColor

在 HTML 色彩符號中用於綠色部分的顏色。

類型: string
預設值: '#109618'
greenFrom

範圍內最小值,以綠色標示。

類型: number
預設值:
greenTo

綠色標示範圍的最高值。

類型: number
預設值:
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:容器的寬度
最高

Y 軸上顯示的最大值。如果最大資料點超過這個值,系統會忽略這項設定,並調整圖表,以便在最大資料點上方顯示下一個主要刻度標記。這會優先於 scaleType 所判定的 Y 軸最大值。

這與核心圖表中的 maxValue 類似。

類型: number
預設值:自動
分鐘

Y 軸上要顯示的最小值。如果最小資料點小於這個值,系統會忽略這項設定,並調整圖表,以便顯示最小資料點下方的下一個主要刻度標記。這會優先於 scaleType 決定的 Y 軸最小值。

這與核心圖表中的 minValue 類似。

類型: number
預設值:自動
redColor

在 HTML 顏色符號中,用於紅色部分的顏色。

類型: string
預設值: '#DC3912'
redFrom

以紅色標示的範圍內最低值。

類型: number
預設值:
redTo

範圍的最高值會以紅色標示。

類型: number
預設值:
寬度

圖表的寬度 (以像素為單位)。

類型: number
預設值:容器的寬度
yellowColor

在 HTML 顏色符號中用於黃色部分的顏色。

類型: string
預設值: '#FF9900'
yellowFrom

以黃色標示的範圍內的最小值。

類型: number
預設值:
yellowTo

範圍內最高的值,以黃色標示。

類型: number
預設值:

地理圖表設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
datalessRegionColor

要指派給沒有關聯資料的區域的顏色。

類型: string
預設值: '#F5F5F5'
defaultColor

當地點 (例如 'US') 存在,但值為 null 或未指定。這與 datalessRegionColor 不同,後者是資料遺漏時使用的顏色。

類型: string
預設值: '#267114'
displayMode

地圖圖表的類型。資料表格格式必須符合指定的值。支援的值如下:

  • 'auto' - 請根據 DataTable 的格式進行選擇。
  • 'regions' - 為地理圖上的區域上色。
  • 'markers' - 在區域上放置標記。
  • 'text' - 使用 DataTable 中的文字標示區域。
類型: string
預設值: 'auto'
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
區域

地理圖上要顯示的區域。也會顯示周邊區域。可以是下列任一值:

  • 'world' - 全球地圖。
  • 大洲或次大陸,由3 位數代碼指定,例如'011' 適用於西非。
  • 國家/地區,使用 ISO 3166-1 alpha-2 代碼指定,例如'AU' (適用於澳洲)。
  • 美國的州,使用 ISO 3166-2:US 代碼指定,例如'US-AL' 代表阿拉巴馬州。請注意,resolution 選項必須設為 'provinces''metros'
類型: string
預設值: 'world'
寬度

圖表的寬度 (以像素為單位)。

類型: number
預設值:包含元素的寬度

直方圖設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject/div>
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
histogram.bucketSize

將每個直方圖的長條大小硬式編碼,而非讓系統透過演算法決定。

類型: number
預設值:auto
histogram.hideBucketItems

省略直方圖區塊之間的細分線條,將其製成一系列實心長條。

類型: boolean
預設值: false
histogram.lastBucketPercentile

計算直方圖的桶大小時,請忽略頂端和底部的 lastBucketPercentile 百分比。這些值仍會納入直方圖,但不會影響分割作業。

類型: number
預設值: 0
interpolateNulls

是否要猜測缺少點的值。如果為 true,系統會根據鄰近點推測缺少資料的值。如果是 false,則會在未知點處留下線條中斷。

面積圖表搭配 isStacked: true/'percent'/'relative'/'absolute' 選項時,不支援這項功能。

類型: boolean
預設值: false
isStacked

如果設為 true,則會在每個網域值上堆疊所有系列的元素。注意:ColumnAreaSteppedArea 圖表中,Google 圖表會將圖例項目的順序倒轉,以便與系列元素的堆疊順序相符 (例如,系列 0 會是位於最底部的圖例項目)。這 不適用於 長條圖表。

isStacked 選項也支援 100% 堆疊,也就是將每個網域值的元素堆疊重新調整,使其總和為 100%。

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在每個網域值上堆疊所有序列的元素。
  • 'percent':在每個網域值上堆疊所有序列的元素,並重新調整大小,使其總和為 100%,其中每個元素的值會以 100% 的百分比計算。
  • 'relative':在每個網域值上堆疊所有序列的元素,並重新調整其大小,使其總和為 1,其中每個元素的值會計算為 1 的一個小數。
  • 'absolute':功能與 isStacked: true 相同。

在 100% 堆疊的情況下,每個元素的計算值會顯示在工具提示中,位於實際值之後。

目標軸預設會根據相對 0-1 比例,將刻度值顯示為 'relative' 的 1 分之一,以及 'percent' 的 0-100%。注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值為相對 0-1 比例值。這是因為百分比軸刻度是將格式「#.##%」套用至相對 0-1 比例值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 比例值指定任何刻度/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻度值和格式。

100% 堆疊功能僅支援 number 類型的資料值,且必須有零基準。

類型: boolean/string
預設值: false
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要為系列叢書使用預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • labelInLegend - 圖例中顯示的序列說明。
  • targetAxisIndex:要將此序列指派至哪個軸,其中 0 是預設軸,1 是相反的軸。預設值為 0;將其設為 1 可定義圖表,其中不同的序列會對應至不同的軸。至少須將一個資料列分配給預設軸。您可以為不同的軸定義不同的比例。
  • visibleInLegend - boolean 值,其中 true 表示資料系列應有圖例項目,false 則表示不應有。預設值為 true

您可以指定物件陣列,每個物件都會依指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,指出該物件適用於哪個系列叢書。舉例來說,下列兩個宣告內容相同,並宣告第一個系列為黑色且不顯示於圖例中,第四個系列為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
寬度

圖表的寬度 (以像素為單位)。

類型: number
預設值:包含元素的寬度

折線圖設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
curveType

在線條寬度不為零時,控制線條的曲線。可以是下列任一值:

  • 'none' - 沒有曲線的直線。
  • 'function':線條的角度會經過平滑處理。
類型: string
預設值: 'none'
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

沿著水平軸的值增加方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性可將水平軸設為對數刻度 (要求所有值皆為正值)。設為 true 表示是。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸的最大值移至指定的值,在大多數圖表中,這會是向右移動。如果此值設為小於資料最大 x 值的值,系統會忽略該值。hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型:string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定的值,在大多數圖表中,這會是向左移動。如果此值設為大於資料最小 x 值的值,系統會忽略該值。hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
interpolateNulls

是否要猜測缺少點的值。如果是 true,系統會根據鄰近點推測缺少資料的值。如果是 false,則會在未知點處留下線條中斷。

面積圖表搭配 isStacked: true/'percent'/'relative'/'absolute' 選項時,不支援這項功能。

類型: boolean
預設值: false
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。您可以使用 series 屬性覆寫個別系列叢書的值。

類型: number
預設值: 2
pointShape

個別資料元素的形狀:'circle''triangle''square''diamond''star''polygon'。如需示例,請參閱 Points 說明文件

類型: string
預設值: 'circle'
pointSize

顯示點的直徑 (以像素為單位)。使用零來隱藏所有點。您可以使用 series 屬性覆寫個別系列叢書的值。如果您使用的是趨勢線pointSize 選項會影響趨勢線的寬度,除非您使用 trendlines.n.pointsize 選項覆寫。

類型: number
預設值: 0
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要使用系列叢書的預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • annotations:要套用至此系列註解的物件。這可用於控制系列的 textStyle,例如:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    如需完整的選項清單,請參閱各種 annotations 選項。

  • type:這個系列的標記類型。有效值為「line」、「area」、「bars」和「steppedArea」。請注意,長條實際上是垂直長條 (欄)。預設值由圖表的 seriesType 選項指定。
  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • curveType:覆寫此系列的全球 curveType 值。
  • labelInLegend - 圖例中顯示的序列說明。
  • lineDashStyle:覆寫此系列的全球 lineDashStyle 值。
  • lineWidth:覆寫此系列的全球 lineWidth 值。
  • pointShape:覆寫此系列的全球 pointShape 值。
  • pointSize:覆寫此系列的全球 pointSize 值。
  • pointsVisible:覆寫此系列的全球 pointsVisible 值。
  • targetAxisIndex:要將此序列指派至哪個軸,其中 0 是預設軸,1 是相反的軸。預設值為 0;將其設為 1 可定義圖表,其中不同的序列會對應至不同的軸。至少須將一個資料列分配給預設軸。您可以為不同的軸定義不同的比例。
  • visibleInLegend - boolean 值,其中 true 表示資料系列應有圖例項目,false 則表示不應有。預設值為 true

您可以指定物件陣列,每個物件都會依照指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,指出該物件適用於哪個系列叢書。舉例來說,下列兩個宣告內容相同,並宣告第一個系列為黑色且不顯示於圖例中,第四個系列為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果設為 true,圖表會將該欄視為文字欄。

類型: boolean
趨勢線

在支援趨勢線的圖表上顯示 趨勢線 。根據預設,系統會使用 linear 趨勢線,但您可以使用 trendlines.n.type 選項自訂趨勢線。

趨勢線會依序列指定,因此大多數情況下,您的選項會如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
類型: object
預設值: null
trendlines.n.color

趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。

類型: string
預設:預設的序列顏色
trendlines.n.degree

type: 'polynomial' 趨勢線 :多項式的次數 (2 代表二次方程式、3 代表三次方程式,依此類推)。

類型: number
預設值: 3
trendlines.n.labelInLegend

如果設為此值, 趨勢線 就會以這個字串顯示在圖例中。

類型: string
預設值: null
trendlines.n.lineWidth

趨勢線 的線條寬度,以像素為單位。

類型: number
預設值: 2
trendlines.n.type

是否要使用 趨勢線 'linear' (預設值)、'exponential''polynomial'

類型: string
預設值: linear
trendlines.n.visibleInLegend

是否在圖例中顯示 趨勢線 方程式。這會顯示在趨勢線工具提示中。

類型: boolean
預設值: false
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto

組織圖設定選項

名稱
顏色

組織結構圖元素的背景顏色。

類型: string
預設值: '#edf7ff'
selectionColor

所選組織結構圖元素的背景顏色。

類型: string
預設值: '#d6e9f8'
大小

圖表的整體大小。選項包括 'small''medium''large'

類型: string
預設值: 'medium'

圓餅圖設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
is3D

如果為 true,則會顯示三維圖表。

類型: boolean
預設值: false
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

如果介於 01 之間,則會顯示圓環圖。洞的半徑等於圖表半徑的 number 倍。

類型: number
預設值: 0
pieSliceBorderColor

切片邊框的顏色。只有在圖表為二維時才適用。

類型: string
預設值: 'white'
pieSliceText

顯示在切片上的文字內容。可以是下列任一值:

  • 'percentage':切片大小相對於總大小的百分比。
  • 'value':區塊的量值。
  • 'label':切片的名稱。
  • 'none' - 不顯示文字。
類型: string
預設值: 'percentage'
pieSliceTextStyle

指定切片文字樣式的物件。物件的格式如下:

{color: <string>, fontName: <string>, fontSize: <number>}

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
slices.color

此區塊要使用的顏色。

類型: string
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

散布圖設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型:string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
curveType

在線條寬度不為零時,控制線條的曲線。可以是下列任一值:

  • 'none' - 沒有曲線的直線。
  • 'function' - 線條的角度會變得平滑。
類型:string
預設值: 'none'
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

沿著水平軸的值增加方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.gridlines

含有屬性的物件,可用於設定水平軸上的格線。請注意,水平軸格線會以垂直方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內水平格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定預設的 -1,即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性可將水平軸設為對數刻度 (要求所有值皆為正值)。設為 true 表示是。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸的最大值移至指定的值,在大多數圖表中,這會是向右移動。如果此值設為小於資料最大 x 值的值,系統會忽略該值。hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

包含成員的物件,用於設定水平軸上的次要格線,類似 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
hAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可透過將計數設為 0 來停用次要格線。次要格線的數量現在完全取決於主要格線 (請參閱 hAxis.gridlines.interval) 和所需的最小空間 (請參閱 hAxis.minorGridlines.minSpacing) 之間的間隔。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定的值,在大多數圖表中,這會是向左移動。如果此值設為大於資料最小 x 值的值,系統會忽略該值。hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。您可以使用 series 屬性覆寫個別系列叢書的值。

類型: number
預設值: 2
pointShape

個別資料元素的形狀:'circle''triangle''square''diamond''star''polygon'。如需示例,請參閱 Points 說明文件

類型: string
預設值: 'circle'
pointSize

顯示點的直徑 (以像素為單位)。使用零來隱藏所有點。您可以使用 series 屬性覆寫個別系列叢書的值。如果您使用的是趨勢線,除非您使用 trendlines.n.pointsize 選項覆寫,否則 pointSize 選項會影響趨勢線的寬度。

類型: number
預設值: 0
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要使用系列的預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • labelInLegend - 圖例中顯示的序列說明。
  • lineWidth:覆寫此系列的全球 lineWidth 值。
  • pointShape:覆寫此系列的全球 pointShape 值。
  • pointSize:覆寫此系列的全球 pointSize 值。
  • pointsVisible:覆寫此系列的全球 pointsVisible 值。
  • visibleInLegend - boolean 值,其中 true 表示資料系列應有圖例項目,false 則表示不應有圖例項目。預設值為 true

您可以指定物件陣列,每個物件都會依照指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,可指出該物件適用於哪個系列叢書。舉例來說,下列兩個宣告內容相同,並宣告第一個系列為黑色且不顯示於圖例中,第四個系列為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果設為 true,圖表會將該欄視為文字欄。

類型: boolean
趨勢線

在支援趨勢線的圖表上顯示 趨勢線 。根據預設,系統會使用 linear 趨勢線,但您可以使用 trendlines.n.type 選項自訂趨勢線。

趨勢線會依序列指定,因此大多數情況下,您的選項會如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
類型: object
預設值: null
trendlines.n.color

趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。

類型: string
預設:預設的序列顏色
trendlines.n.degree

type: 'polynomial' 趨勢線 :多項式的次數 (2 代表二次方程式、3 代表三次方程式,依此類推)。

類型: number
預設值: 3
trendlines.n.labelInLegend

如果設為此值, 趨勢線 會以這個字串顯示在圖例中。

類型: string
預設值: null
trendlines.n.lineWidth

趨勢線 的線條寬度,以像素為單位。

類型: number
預設值: 2
trendlines.n.type

是否要使用 趨勢線 'linear' (預設值)、'exponential''polynomial'

類型: string
預設值: linear
trendlines.n.visibleInLegend

是否顯示 趨勢線 方程式。這會顯示在趨勢線工具提示中。

類型: boolean
預設值: false
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto

階梯狀面積圖設定選項

名稱
areaOpacity

區域圖表系列下方彩色區域的預設不透明度,其中 0.0 完全透明,1.0 完全不透明。如要為個別資料列指定不透明度,請在 series 屬性中設定 areaOpacity 值。

類型: number0.0- 1.0
預設值: 0.3
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串的形式呈現。

類型: string
預設值: 'white'
chartArea

包含成員的物件,用於設定圖表區域 (繪製圖表的位置,不含軸和圖例) 的位置和大小。系統支援兩種格式:數字或數字後面接著 %。純數字是像素值;數字後面接著 % 則是百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進制字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在指定寬度 (並以 stroke 的顏色) 的圖表區域周圍繪製邊框。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區高度。

類型: numberstring
預設值:auto
chartArea.left

從左邊框線算起,要繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.top

從頂部邊框繪製圖表的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
hAxis

含有成員的物件,可用於設定各種水平軸元素。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

沿著水平軸的值增加方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定水平軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,可用來指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

指定水平軸標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時,系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
isStacked

如果設為 true,則會在每個網域值上堆疊所有序列的元素。注意:ColumnAreaSteppedArea 圖表中,Google 圖表會將圖例項目的順序倒轉,以便與序列元素的堆疊順序相符 (例如,序列 0 會是位於最底部的圖例項目)。這 不適用於 長條圖表。

isStacked 選項也支援 100% 堆疊,也就是將每個網域值的元素堆疊重新調整,使其總和為 100%。

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在每個網域值上堆疊所有序列的元素。
  • 'percent':在每個網域值上堆疊所有序列的元素,並重新調整大小,使其總和為 100%,其中每個元素的值會以 100% 的百分比計算。
  • 'relative':在每個網域值上堆疊所有序列的元素,並重新調整其大小,使其總和為 1,其中每個元素的值會計算為 1 的一個小數。
  • 'absolute':功能與 isStacked: true 相同。

在 100% 堆疊的情況下,每個元素的計算值會顯示在工具提示中,位於實際值之後。

目標軸預設會根據相對 0-1 比例,將刻度值顯示為 'relative' 的 1 分之一,以及 'percent' 的 0-100%。注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值為相對 0-1 比例值。這是因為百分比軸刻度是將格式「#.##%」套用至相對 0-1 比例值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 比例值指定任何刻度/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻度值和格式。

100% 堆疊功能僅支援 number 類型的資料值,且必須有零基準。

類型: boolean/ string
預設值: false
傳說

含有成員的物件,可用於設定圖例的各個面向。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':位於圖表下方。
  • 'left':位於圖表左側,前提是左軸沒有相關聯的資料列。因此,如果要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in':圖表內部左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':在圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果設為 true,則會從右向左繪製序列。預設是從左到右繪製。

這個選項僅支援 discrete major 軸。

類型: boolean
預設值: false
系列

物件陣列,每個物件會說明圖表中對應序列的格式。如要使用系列叢書的預設值,請指定空物件 {}。如果未指定系列或值,系統會使用全域值。每個物件都支援下列屬性:

  • areaOpacity:覆寫此系列的全域 areaOpacity
  • color:這個系列要使用的顏色。指定有效的 HTML 顏色字串。
  • type:這個系列的標記類型。有效值為「line」、「area」、「bars」和「steppedArea」。請注意,長條實際上是垂直長條 (欄)。預設值由圖表的 seriesType 選項指定。
  • labelInLegend - 圖例中顯示的序列說明。
  • lineDashStyle:覆寫此系列的全球 lineDashStyle 值。
  • targetAxisIndex:要將此序列指派至哪個軸,其中 0 是預設軸,1 是相反的軸。預設值為 0;將其設為 1 可定義圖表,其中不同的序列會對應至不同的軸。至少須將一個資料列分配給預設軸。您可以為不同的軸定義不同的比例。
  • visibleInLegend - boolean 值,其中 true 表示資料系列應有圖例項目,false 則表示不應有圖例項目。預設值為 true

您可以指定物件陣列,每個物件都會依照指定順序套用至系列叢書,也可以指定物件,其中每個子項都有一個數字鍵,指出該物件套用至哪個系列叢書。例如,下列兩個宣告相同,並宣告第一個系列叢書為黑色且不顯示於圖例中,而第四個系列叢書為紅色且不顯示於圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或包含巢狀物件的物件
預設值: {}
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可搭配使用來達成特定圖表行為或視覺效果。目前只有一個主題可供使用:

  • 'maximized' - 將圖表區域設為最大,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果設為 true,圖表會將該欄視為文字欄。

類型: boolean
useFirstColumnAsDomain

如果設為 true,圖表會將資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新的軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右軸,並為其指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數字標籤,用來指定其定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸一個。舉例來說,下列陣列樣式的符號與上述 vAxis 物件相同:

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
預設值: 1
vAxis.gridlines

包含成員的物件,用於設定垂直軸上的格線。請注意,垂直軸格線會以水平方向繪製。如要指定此物件的屬性,您可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內的垂直格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線數量 (約略值)。 如果您為 gridlines.count 指定正整數,系統會使用該數字計算格線間的 minSpacing。您可以指定 1 值,只繪製一條格線,或是指定 0 不繪製格線。指定 -1 (預設值),即可根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果為 true,則會將垂直軸設為對數刻度。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值,在大多數圖表中,這會是向上。如果此值設為小於資料最大 y 值的值,系統會忽略該值。vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

包含成員的物件,用於設定垂直軸上的次要格線,類似 vAxis.gridlines 選項。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內的垂直次要格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合
vAxis.minorGridlines.count

minorGridlines.count 選項已遭淘汰,但您仍可將計數設為 0,藉此停用次要格線。次要格線的數量取決於主要格線與所需最小空間之間的間隔。

類型: number
預設值: 1
vAxis.minValue

將垂直軸的最小值移至指定值,在大多數圖表中,這會是向下移動。如果此值設為大於資料最小 y 值的值,系統會忽略該值。vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

相對於圖表區域的垂直軸文字位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定垂直軸文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: 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> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最小垂直資料值。

vAxis.viewWindowMode 為「pretty」或「maximized」時,會遭到忽略。

類型: number
預設值:auto
寬度

圖表的寬度 (以像素為單位)。

類型: number
預設值:包含元素的寬度

表格圖表設定選項

名稱
alternatingRowStyle

判斷是否要將交替顏色樣式指派給奇數和偶數列。

類型: boolean
預設值: true
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
page

是否啟用分頁功能,以及如何啟用。請選擇下列其中一個 string 值:

  • 'enable' - 表格會包含「向前翻頁」和「向後翻頁」按鈕。按一下這些按鈕即可執行分頁作業,並變更顯示的頁面。您可能還想設定 pageSize 選項。
  • 'event':表格會包含向前和向後按鈕,但點選這些按鈕會觸發 'page' 事件,不會變更顯示的頁面。當程式碼實作其自身的翻頁邏輯時,應使用這個選項。如要瞭解如何手動處理分頁事件,請參閱 TableQueryWrapper 範例
  • 'disable' - [預設] 不支援分頁。
  • 類型: string
    預設值: 'disable'
pageSize

在使用「page」選項啟用分頁時,每頁的列數。

類型: number
預設值: 10
showRowNumber

如果設為 true,則會將資料列編號顯示為表格的第一欄。

類型: boolean
預設值: false
排序

使用者點選欄標題時,是否要排序欄,以及如何排序。如果啟用排序功能,建議您一併設定 sortAscendingsortColumn 屬性。請選擇下列其中一個 string 值:

  • 'enable' - [預設] 使用者可以按一下資料欄標題,依所點選的資料欄排序。使用者點選資料欄標題時,系統會自動排序資料列,並觸發 'sort' 事件。
  • 'event':當使用者按一下資料欄標頭時,系統會觸發 'sort' 事件,但不會自動排序資料列。當網頁實作自己的排序時,應使用這個選項。如要瞭解如何手動處理排序事件,請參閱 TableQueryWrapper 範例
  • 'disable'- 點選欄標題不會產生任何影響。
類型: string
預設值: 'enable'
sortAscending

初始排序欄的排序順序。True 代表遞增,false 代表遞減。如未指定 sortColumn,則會略過。

類型: boolean
預設值: true
sortColumn

資料表中資料欄的索引,用於初始排序表格。資料欄會標示小箭頭,指出排序順序。

類型: number
預設值: -1
寬度

圖表的寬度 (以像素為單位)。

類型: number
預設值:包含元素的寬度

時間軸設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如 'red''#00cc00',或是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設值:預設顏色
高度

圖表的高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
寬度

圖表的寬度 (以像素為單位)。

類型: number
預設值:包含元素的寬度

樹狀圖設定選項

名稱
headerColor

每個節點的標頭部分顏色。指定 HTML 顏色值。

類型: string
預設值: #988f86
maxColor

資料欄 3 值為 maxColorValue 的矩形顏色。指定 HTML 顏色值。

類型: string
預設值: #00dd00
maxDepth

在目前檢視畫面中顯示的節點層級數量上限。會將各層平坦化至目前的平面。如果樹狀圖有更多層級,您必須向上或向下移動才能查看。此外,您也可以在這些節點內看到 maxPostDepth 層級,以陰影矩形的形式顯示。

類型: number
預設值: 1
maxPostDepth

在「提示」模式下,要顯示 maxDepth 之後多少層節點。 在節點內顯示提示節點,且該節點必須在 maxDepth 限制內。

類型: number
預設值: 0
midColor

maxColorValueminColorValue 之間,以列 3 值為中間值的矩形顏色。指定 HTML 顏色值。

類型: string
預設值: #000000
minColor

資料欄 3 值為 minColorValue 的矩形顏色。指定 HTML 顏色值。

類型: string
預設值: #dd0000
noColor

當節點沒有第 3 欄的值,且該節點為葉節點 (或只包含葉節點) 時,用於矩形的顏色。指定 HTML 顏色值。

類型: string
預設值: #000000
子標題

顯示在圖表標題下方的文字。

類型: string
預設值:無標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

指定標題文字樣式的物件。顏色可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontName 和 fontSize。

類型: object
預設值:{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

要在圖表上方顯示的文字。

類型: string
預設值:無標題
titleTextStyle

指定標題文字樣式的物件。物件的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}