圖表設定選項

圖表類型

註解圖表設定選項

名稱
顏色

圖表元素使用的顏色。字串陣列,其中每個元素都是 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
height

圖表高度,以像素為單位。

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

猜測遺漏點數的值。如果為 true,則會根據相鄰的點,猜測任何遺漏資料的值。如果為 false,則會在不明點的行中保留中斷點。

採用 isStacked: true/'percent'/'relative'/'absolute' 選項的區域圖表支援此圖表。

類型: boolean
預設: false
isStacked

如果設為 true,則會在每個網域值中堆疊所有序列的元素。 注意:資料欄區域SteppedArea 圖表,Google 圖表會反向調整圖例項目的順序,使其與系列元素的堆疊更加一致 (例如,序列 0 是位於最底部的圖例項目)。這項 不適用於 長條圖

isStacked 選項也支援 100% 堆疊,其中每個網域值的元素堆疊都會經過重新縮放,總和為 100%。

isStacked 的選項如下:

  • false - 元素不會堆疊。此為預設選項。
  • true — 在每個網域值中堆疊所有序列的元素。
  • 'percent' — 在每個網域值中堆疊所有系列的元素,然後縮放,總和為 100%,其值為 100% 的百分比。
  • 'relative' — 在每個網域值上堆疊所有系列的元素並調整大小,讓這些元素加總到 1 個,且每個元素的值都會以 1 的比例計算。
  • 'absolute' - 功能與 isStacked: true 相同。

如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。

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

100% 堆疊僅支援 number 類型的資料值,基準值須為 0。

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

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

類型: number
預設: 2
pointShape

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

類型: string
預設: 'circle'
pointSize

顯示點的直徑 (以像素為單位)。輸入 0 即可隱藏所有點。您可以使用 series 屬性覆寫個別序列的值。

類型: number
預設: 0
reverseCategories

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

這個選項僅適用於 discrete major 軸。

類型: boolean
預設: false
series

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

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

圖表高度,以像素為單位。

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

如果設為 true,則會在每個網域值中堆疊所有序列的元素。 注意:資料欄區域SteppedArea 圖表,Google 圖表會反向調整圖例項目的順序,使其與系列元素的堆疊更加一致 (例如,序列 0 是位於最底部的圖例項目)。這項 不適用於 長條圖

isStacked 選項也支援 100% 堆疊,其中每個網域值的元素堆疊都會經過重新縮放,總和為 100%。

isStacked 的選項如下:

  • false - 元素不會堆疊。此為預設選項。
  • true — 在每個網域值中堆疊所有序列的元素。
  • 'percent' — 在每個網域值中堆疊所有系列的元素,然後縮放,總和為 100%,其值為 100% 的百分比。
  • 'relative' — 在每個網域值上堆疊所有系列的元素並調整大小,讓這些元素加總到 1 個,且每個元素的值都會以 1 的比例計算。
  • 'absolute' - 功能與 isStacked: true 相同。

如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。

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

100% 堆疊僅支援 number 類型的資料值,基準值須為 0。

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

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

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

圖表高度,以像素為單位。

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

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

類型: number
預設:auto

日曆設定選項

名稱
height

圖表高度,以像素為單位。

類型: number
預設:所含元素的高度
width

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

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

圖表高度,以像素為單位。

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

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

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

圖表高度,以像素為單位。

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

如果設為 true,則會在每個網域值中堆疊所有序列的元素。 注意:資料欄區域SteppedArea 圖表,Google 圖表會反向調整圖例項目的順序,使其與系列元素的堆疊更加一致 (例如,序列 0 是位於最底部的圖例項目)。這項 不適用於 長條圖

isStacked 選項也支援 100% 堆疊,其中每個網域值的元素堆疊都會經過重新縮放,總和為 100%。

isStacked 的選項如下:

  • false - 元素不會堆疊。此為預設選項。
  • true — 在每個網域值中堆疊所有序列的元素。
  • 'percent' — 在每個網域值中堆疊所有系列的元素,然後縮放,總和為 100%,其值為 100% 的百分比。
  • 'relative' — 在每個網域值上堆疊所有系列的元素並調整大小,讓這些元素加總到 1 個,且每個元素的值都會以 1 的比例計算。
  • 'absolute' - 功能與 isStacked: true 相同。

如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。

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

100% 堆疊僅支援 number 類型的資料值,基準值須為 0。

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

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

  • 'none' - 沒有曲線的直線。
  • 'function' - 線條的角度將平滑。
類型:string
預設:「無」
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
height

圖表高度,以像素為單位。

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

猜測遺漏點數的值。如果為 true,則會根據相鄰的點,猜測任何遺漏資料的值。如果為 false,則會在不明點的行中保留中斷點。

採用 isStacked: true/'percent'/'relative'/'absolute' 選項的區域圖表支援此圖表。

類型: boolean
預設: false
isStacked

如果設為 true,則會在每個網域值中堆疊所有序列的元素。 注意:資料欄區域SteppedArea 圖表,Google 圖表會反向調整圖例項目的順序,使其與系列元素的堆疊更加一致 (例如,序列 0 是位於最底部的圖例項目)。這項 不適用於 長條圖

isStacked 選項也支援 100% 堆疊,其中每個網域值的元素堆疊都會經過重新縮放,總和為 100%。

isStacked 的選項如下:

  • false - 元素不會堆疊。此為預設選項。
  • true — 在每個網域值中堆疊所有序列的元素。
  • 'percent' — 在每個網域值中堆疊所有系列的元素,然後縮放,總和為 100%,其值為 100% 的百分比。
  • 'relative' — 在每個網域值上堆疊所有系列的元素並調整大小,讓這些元素加總到 1 個,且每個元素的值都會以 1 的比例計算。
  • 'absolute' - 功能與 isStacked: true 相同。

如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。

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

100% 堆疊僅支援 number 類型的資料值,基準值須為 0。

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

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

類型: number
預設: 2
pointShape

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

類型: string
預設: 'circle'
pointSize

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

類型: number
預設: 0
reverseCategories

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

這個選項僅適用於 discrete major 軸。

類型: boolean
預設: false
series

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

類型: number
預設:auto

度量設定選項

名稱
greenColor

HTML 色彩標記法中綠色部分要使用的顏色。

類型: string
預設: '#109618'
greenFrom

以綠色標示的範圍最低值。

類型: number
預設:
greenTo

綠色標示範圍的最高值。

類型: number
預設:
height

圖表高度,以像素為單位。

類型: number
預設:容器的寬度
最高

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

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

類型: number
預設:自動
分鐘

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

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

類型: number
預設:自動
redColor

在 HTML 色彩標記法中用於紅色部分的顏色。

類型: string
預設: '#DC3912'
redFrom

以紅色標示的範圍最低值。

類型: number
預設:
redTo

以紅色標示的範圍最大值。

類型: number
預設:
width

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

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

此為哪種地理區域圖。DataTable 格式必須符合指定的值。可能出現的值如下:

  • 'auto' - 根據 DataTable 的格式選擇。
  • 'regions':在地理圖上為區域標上顏色。
  • 'markers':請在區域上放置標記。
  • 'text' - 使用 DataTable 中的文字為區域加上標籤。
類型: string
預設值:「auto」
height

圖表高度,以像素為單位。

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

一個可設定圖例不同面向的物件。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

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

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

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

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

地理圖上顯示的區域。你也可以看見鄰近區域。可以是下列其中一項:

  • 'world':全世界的地理圖。
  • 洲別或子洲別,可使用其 3 位數代碼指定,例如:'011' 代表西非。
  • 國家/地區,以其 ISO 3166-1 alpha-2 代碼指定,例如'AU' 代表澳洲。
  • 美國境內的州,由 ISO 3166-2:US 代碼指定,例如阿拉巴馬州為 'US-AL'。請注意,resolution 選項必須設為 'provinces''metros'
類型: string
預設值: 'world'
width

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

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

圖表高度,以像素為單位。

類型: 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,則會在每個網域值中堆疊所有序列的元素。 注意:資料欄區域SteppedArea 圖表,Google 圖表會反向調整圖例項目的順序,使其與系列元素的堆疊更加一致 (例如,序列 0 是位於最底部的圖例項目)。這項 不適用於 長條圖

isStacked 選項也支援 100% 堆疊,其中每個網域值的元素堆疊都會經過重新縮放,總和為 100%。

isStacked 的選項如下:

  • false - 元素不會堆疊。此為預設選項。
  • true — 在每個網域值中堆疊所有序列的元素。
  • 'percent' — 在每個網域值中堆疊所有系列的元素,然後縮放,總和為 100%,其值為 100% 的百分比。
  • 'relative' — 在每個網域值上堆疊所有系列的元素並調整大小,讓這些元素加總到 1 個,且每個元素的值都會以 1 的比例計算。
  • 'absolute' - 功能與 isStacked: true 相同。

如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。

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

100% 堆疊僅支援 number 類型的資料值,基準值須為 0。

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

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

類型: number
預設:auto
width

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

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

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

  • 'none' - 沒有曲線的直線。
  • 'function' - 線條的角度將平滑。
類型: string
預設:「無」
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
height

圖表高度,以像素為單位。

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

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

類型: number
預設: 2
pointShape

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

類型: string
預設: 'circle'
pointSize

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

類型: number
預設: 0
reverseCategories

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

這個選項僅適用於 discrete major 軸。

類型: boolean
預設: false
series

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

類型: number
預設:auto

機構圖表設定選項

名稱
顏色

機構圖表元素的背景顏色。

類型: string
預設: '#edf7ff'
selectionColor

所選機構圖表元素的背景顏色。

類型: string
預設: '#d6e9f8'
size

圖表的整體大小。選項包括 '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']

類型:字串陣列
預設:預設顏色
height

圖表高度,以像素為單位。

類型: number
預設:所含元素的高度
3D

如果為 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

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

  • 'none' - 沒有曲線的直線。
  • 'function' - 線條的角度將平滑。
類型:string
預設:「無」
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
height

圖表高度,以像素為單位。

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

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

類型: number
預設: 2
pointShape

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

類型: string
預設: 'circle'
pointSize

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

類型: number
預設: 0
series

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

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

圖表高度,以像素為單位。

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

如果設為 true,則會在每個網域值中堆疊所有序列的元素。 注意:資料欄區域SteppedArea 圖表,Google 圖表會反向調整圖例項目的順序,使其與系列元素的堆疊更加一致 (例如,序列 0 是位於最底部的圖例項目)。這項 不適用於 長條圖

isStacked 選項也支援 100% 堆疊,其中每個網域值的元素堆疊都會經過重新縮放,總和為 100%。

isStacked 的選項如下:

  • false - 元素不會堆疊。此為預設選項。
  • true — 在每個網域值中堆疊所有序列的元素。
  • 'percent' — 在每個網域值中堆疊所有系列的元素,然後縮放,總和為 100%,其值為 100% 的百分比。
  • 'relative' — 在每個網域值上堆疊所有系列的元素並調整大小,讓這些元素加總到 1 個,且每個元素的值都會以 1 的比例計算。
  • 'absolute' - 功能與 isStacked: true 相同。

如為 100% 堆疊,每個元素的計算值會顯示在實際值後面。

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

100% 堆疊僅支援 number 類型的資料值,基準值須為 0。

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

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

  • 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 為「美化」或「最大化」時,系統會忽略這個參數。

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

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

vAxis.viewWindowMode 為「美化」或「最大化」時,系統會忽略這個參數。

類型: number
預設:auto
width

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

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

表格圖表設定選項

名稱
alternatingRowStyle

決定是否要將交替顏色樣式指派給奇數和偶數列。

類型: boolean
預設: true
height

圖表高度,以像素為單位。

類型: number
預設:所含元素的高度
page

如果具備資料分頁功能,以及如何啟用資料分頁功能。請選擇下列其中一個 string 值:

  • 'enable' - 表格會包含「下一頁」和「上一頁」按鈕。點選這些按鈕將可執行分頁作業,並變更顯示的頁面。建議您一併設定 pageSize 選項。
  • 'event' - 表格會包含「上一頁」和「下一頁」按鈕,但點選這些按鈕會觸發 'page' 事件,不會變更顯示的網頁。當程式碼實作自己的頁面轉動邏輯時,應使用這個選項。如需手動處理分頁事件的範例,請參閱 TableQueryWrapper 範例
  • 'disable' - [預設] 不支援 Paging。
  • 類型: string
    預設: 'disable'
pageSize

透過頁面選項啟用分頁功能時,每頁的列數。

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

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

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

時間軸設定選項

名稱
backgroundColor

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

類型: stringobject
預設: 'white'
顏色

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

類型:字串陣列
預設:預設顏色
height

圖表高度,以像素為單位。

類型: number
預設:所含元素的高度
width

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

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