圖表設定選項

圖表類型

註解圖表設定選項

名稱
顏色

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

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

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

縮放選取器的外框是圖表中第一序列的記錄比例版本,此版本會根據縮放選取器的高度調整。

類型: boolean
預設: true
displayZoomButtons

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

類型: boolean
預設: true
max

要顯示在 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
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

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

是否猜測遺漏分數的價值。如果為 true,則會根據相鄰點猜測任何遺漏資料的值。如果為 false,則會在不明點的線條中留下休息時間。

提供 isStacked: true/'percent'/'relative'/'absolute' 選項的區域圖表不支援這項功能。

類型: boolean
預設: false
isStacked

如果設為 true,在每個網域值中將所有序列的元素堆疊在一起。注意:在「Column」、「Area」和「SteppedArea」圖表中,Google 圖表會反向排序圖例項目的順序,使其與序列元素的堆疊更一致 (例如,0 系列是最底部的圖例項目)。這項「不」 適用於長條圖圖表。

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

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在各個網域值中堆疊所有序列的元素。
  • 'percent':針對每個網域值堆疊所有序列的元素並調整大小,使這些元素總和達到 100%,每個元素的值都算是 100% 的百分比。
  • 'relative':針對每個網域值堆疊所有序列的元素並調整大小,讓這些元素總和等於 1,而每個元素的值都以 1 的小數計算。
  • 'absolute':運作方式與 isStacked: true 相同。

如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中的實際值之後。

根據預設,目標軸的刻度值是以相對 0-1 尺度為準,亦即 'relative' 的分數為 1,'percent' 為 0-100% (注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值是相對的 0-1 尺度值)。這是因為百分比軸刻點是套用「#.##%」的格式來搭配相對 0-1 尺度值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 縮放值指定任何刻點/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻點值和格式設定。

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

圖例位置。可以是下列其中一項:

  • 'bottom':圖表下方。
  • 'left' - 顯示在圖表左側的左軸沒有任何相關聯的 series。因此,如果您想在左側放置圖例,請使用 targetAxisIndex: 1 選項。
  • 'in' - 圖表中,左上角。
  • 'none' - 不顯示圖例。
  • 'right':圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設: 'right'
legendTextStyle

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

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

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

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

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

類型: number
預設: 2
pointShape

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

類型: string
預設: 'circle'
pointSize

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

類型: number
預設: 0
reverseCategories

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

這個選項僅支援 discrete major 軸。

類型: boolean
預設: false
系列叢書

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

  • annotations - 要套用至這個系列中註解的物件。舉例來說,這可用於控制系列的 textStyle,例如:

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

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

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

您可以指定物件的陣列,其中每個陣列都會依指定順序套用至系列,或者您可以指定各子項一個數字鍵,代表要套用哪個序列。舉例來說,以下兩個宣告都相同,且將第一個序列宣告為來自圖例的黑色且不存在,第四個是來自圖例的紅色且不存在:

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

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

類型: string
預設:無標題
subtitleTextStyle

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

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

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

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

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

顯示在圖表上方的文字。

類型: string
預設:無標題
titleTextStyle

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

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

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

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

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

類型: boolean
useFirstColumnAsDomain

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

類型: boolean
vAxes

如果圖表有多個垂直軸,請指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,且可包含 vAxis 支援的所有屬性。這些屬性值會覆寫同一屬性的所有通用設定。

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

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

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都會有指定所定義軸的數值標籤,也就是上述格式;陣列是物件的陣列,每個軸代表一個物件。舉例來說,下列陣列樣式標記法與上述 vAxis 物件相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
類型:物件陣列,或含子項物件的物件
預設: null
vAxis

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

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

垂直軸值成長的方向。根據預設,低值會顯示在圖表底部。指定 -1 將值的順序反轉。

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

包含成員用來設定縱軸格線的物件。請注意,垂直軸格線是水平繪製的。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

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

類型: boolean
預設: false
vAxis.maxValue

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

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

此物件可讓成員在垂直軸上設定次要格線,與 vAxis.gridlines 選項類似。

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

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

類型: string
預設:使用格線與背景顏色混合
vAxis.minorGridlines.count

minorGridlines.count 選項主要已淘汰,除非將計數設為 0 來停用次要格線。次要格線的數量取決於主要格線之間的時間間隔,以及所需的下限。

類型: number
預設: 1
vAxis.minValue

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

類型: number
預設: null
vAxis.textPosition

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:無標題
vAxis.titleTextStyle

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

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

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

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

指定垂直軸的裁剪範圍。

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

要顯示的最大垂直資料值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: 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
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型:數字或 string
預設:自動
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

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

如果設為 true,在每個網域值中將所有序列的元素堆疊在一起。注意:在「Column」、「Area」和「SteppedArea」圖表中,Google 圖表會反向排序圖例項目的順序,使其與序列元素的堆疊更一致 (例如,0 系列是最底部的圖例項目)。這項「不」 適用於長條圖圖表。

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

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在各個網域值中堆疊所有序列的元素。
  • 'percent':針對每個網域值堆疊所有序列的元素並調整大小,使這些元素總和達到 100%,每個元素的值都算是 100% 的百分比。
  • 'relative':針對每個網域值堆疊所有序列的元素並調整大小,讓這些元素總和等於 1,而每個元素的值都以 1 的小數計算。
  • 'absolute':運作方式與 isStacked: true 相同。

如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中的實際值之後。

根據預設,目標軸的刻度值是以相對 0-1 尺度為準,亦即 'relative' 的分數為 1,'percent' 為 0-100% (注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值是相對的 0-1 尺度值)。這是因為百分比軸刻點是套用「#.##%」的格式來搭配相對 0-1 尺度值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 縮放值指定任何刻點/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻點值和格式設定。

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

圖例位置。可以是下列其中一項:

  • 'bottom':圖表下方。
  • 'left':在圖表左側,左軸沒有任何相關聯的序列。因此,如果您想在左側放置圖例,請使用 targetAxisIndex: 1 選項。
  • 'in' - 圖表中,左上角。
  • 'none' - 不顯示圖例。
  • 'right':圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設: 'right'
legendTextStyle

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

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

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

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

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

這個選項僅支援 discrete major 軸。

類型: boolean
預設: false
系列叢書

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

  • annotations - 要套用至這個系列中註解的物件。舉例來說,這可用於控制系列的 textStyle,例如:

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

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

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

您可以指定物件的陣列,其中每個陣列都會依指定順序套用至系列,或者您可以指定各子項一個數字鍵,代表要套用哪個序列。舉例來說,以下兩個宣告都相同,且將第一個序列宣告為來自圖例的黑色且不存在,第四個是來自圖例的紅色且不存在:

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

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

類型: string
預設:無標題
subtitleTextStyle

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

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

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

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

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

顯示在圖表上方的文字。

類型: string
預設:無標題
titleTextStyle

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

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

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

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

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

趨勢線是以個別系列為依據,因此您的選項在大部分時間看起來會像這樣:

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

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

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

針對 type: 'polynomial' 趨勢線 ,多項式的程度 (2 代表二次方,3 代表立方體,以此類推)。

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

設定後, 趨勢線 會以這個字串顯示在圖例中。

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

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

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

趨勢線 是否為 'linear' (預設)、'exponential''polynomial'

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

是否在圖例中顯示 趨勢線 。內容就會顯示在趨勢線工具提示中。

類型: boolean
預設: false
useFirstColumnAsDomain

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

類型: boolean
vAxis

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

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

垂直軸值成長的方向。根據預設,低值會顯示在圖表底部。指定 -1 將值的順序反轉。

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

包含成員用來設定縱軸格線的物件。請注意,垂直軸格線是水平繪製的。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

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

類型: boolean
預設: false
vAxis.maxValue

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

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

此物件可讓成員在垂直軸上設定次要格線,與 vAxis.gridlines 選項類似。

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

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

類型: string
預設:使用格線與背景顏色混合
vAxis.minorGridlines.count

minorGridlines.count 選項主要已淘汰,除非將計數設為 0 來停用次要格線。次要格線的數量取決於主要格線之間的時間間隔,以及所需的下限。

類型: number
預設: 1
vAxis.minValue

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

類型: number
預設: null
vAxis.textPosition

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:無標題
vAxis.titleTextStyle

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

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

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

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

指定垂直軸的裁剪範圍。

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

要顯示的最大垂直資料值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動

泡泡圖設定選項

名稱
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
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

圖例位置。可以是下列其中一項:

  • 'bottom':圖表下方。
  • 'left':在圖表左側,左軸沒有任何相關聯的序列。因此,如果您想在左側放置圖例,請使用 targetAxisIndex: 1 選項。
  • 'in' - 圖表中,左上角。
  • 'none' - 不顯示圖例。
  • 'right':圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設: 'right'
legendTextStyle

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

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

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

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

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

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

具備成員的物件,可設定值與對話框大小建立關聯的方式。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

最大說明框的半徑上限,以像素為單位。

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

對話框的最小半徑範圍 (以像素為單位)。

類型: number
預設:5
子標題

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

類型: string
預設:無標題
subtitleTextStyle

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

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

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

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

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

顯示在圖表上方的文字。

類型: string
預設:無標題
titleTextStyle

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

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

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

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

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

類型: boolean
useFirstColumnAsDomain

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

類型: boolean
vAxes

如果圖表有多個垂直軸,請指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,且可包含 vAxis 支援的所有屬性。這些屬性值會覆寫同一屬性的所有通用設定。

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

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

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都會有指定所定義軸的數值標籤,也就是上述格式;陣列是物件的陣列,每個軸代表一個物件。舉例來說,下列陣列樣式標記法與上述 vAxis 物件相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
類型:物件陣列,或含子項物件的物件
預設: null
vAxis

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

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

垂直軸值成長的方向。根據預設,低值會顯示在圖表底部。指定 -1 將值的順序反轉。

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

包含成員用來設定縱軸格線的物件。請注意,垂直軸格線是水平繪製的。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

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

類型: boolean
預設: false
vAxis.maxValue

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

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

此物件可讓成員在垂直軸上設定次要格線,與 vAxis.gridlines 選項類似。

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

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

類型: string
預設:使用格線與背景顏色混合
vAxis.minorGridlines.count

minorGridlines.count 選項主要已淘汰,除非將計數設為 0 來停用次要格線。次要格線的數量取決於主要格線之間的時間間隔,以及所需的下限。

類型: number
預設: 1
vAxis.minValue

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

類型: number
預設: null
vAxis.textPosition

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:無標題
vAxis.titleTextStyle

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

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

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

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

指定垂直軸的裁剪範圍。

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

要顯示的最大垂直資料值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動

日曆設定選項

名稱
高度

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

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

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

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

K 線圖設定選項

名稱
backgroundColor

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

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

圖表填滿顏色,以 HTML 顏色字串表示。

類型: string
預設: 'white'
chartArea

此物件可讓成員設定圖表區域的位置和大小 (繪製圖表時不含軸和圖例)。系統支援兩種格式:一個數字,或後接 % 的數字。簡單數字是以像素為單位的值,數字後面加上 % 代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

類型: numberstring
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

圖例位置。可以是下列其中一項:

  • 'bottom':圖表下方。
  • 'left':在圖表左側,左軸沒有任何相關聯的序列。因此,如果您想在左側放置圖例,請使用 targetAxisIndex: 1 選項。
  • 'in' - 圖表中,左上角。
  • 'none' - 不顯示圖例。
  • 'right':圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設: 'right'
legendTextStyle

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

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

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

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

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

這個選項僅支援 discrete major 軸。

類型: boolean
預設: false
系列叢書

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

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

您可以指定物件的陣列,其中每個陣列都會依指定順序套用至系列,或者您可以指定各子項一個數字鍵,代表要套用哪個序列。舉例來說,以下兩個宣告都相同,且將第一個序列宣告為來自圖例的黑色且不存在,第四個是來自圖例的紅色且不存在:

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

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

類型: string
預設:無標題
subtitleTextStyle

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

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

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

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

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

顯示在圖表上方的文字。

類型: string
預設:無標題
titleTextStyle

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

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

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

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

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

類型: boolean
vAxes

如果圖表有多個垂直軸,請指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,且可包含 vAxis 支援的所有屬性。這些屬性值會覆寫同一屬性的所有通用設定。

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

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

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都會有指定所定義軸的數值標籤,也就是上述格式;陣列是物件的陣列,每個軸代表一個物件。舉例來說,下列陣列樣式標記法與上述 vAxis 物件相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
類型:物件陣列,或含子項物件的物件
預設: null
vAxis

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

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

垂直軸值成長的方向。根據預設,低值會顯示在圖表底部。指定 -1 將值的順序反轉。

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

包含成員用來設定縱軸格線的物件。請注意,垂直軸格線是水平繪製的。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

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

類型: boolean
預設: false
vAxis.maxValue

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

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

此物件可讓成員在垂直軸上設定次要格線,與 vAxis.gridlines 選項類似。

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

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

類型: string
預設:使用格線與背景顏色混合
vAxis.minorGridlines.count

minorGridlines.count 選項主要已淘汰,除非將計數設為 0 來停用次要格線。次要格線的數量取決於主要格線之間的時間間隔,以及所需的下限。

類型: number
預設: 1
vAxis.minValue

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

類型: number
預設: null
vAxis.textPosition

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:無標題
vAxis.titleTextStyle

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

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

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

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

指定垂直軸的裁剪範圍。

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

要顯示的最大垂直資料值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: 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
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

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

如果設為 true,在每個網域值中將所有序列的元素堆疊在一起。注意:在「Column」、「Area」和「SteppedArea」圖表中,Google 圖表會反向排序圖例項目的順序,使其與序列元素的堆疊更一致 (例如,0 系列是最底部的圖例項目)。這項「不」 適用於長條圖圖表。

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

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在各個網域值中堆疊所有序列的元素。
  • 'percent':針對每個網域值堆疊所有序列的元素並調整大小,使這些元素總和達到 100%,每個元素的值都算是 100% 的百分比。
  • 'relative':針對每個網域值堆疊所有序列的元素並調整大小,讓這些元素總和等於 1,而每個元素的值都以 1 的小數計算。
  • 'absolute':運作方式與 isStacked: true 相同。

如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中的實際值之後。

根據預設,目標軸的刻度值是以相對 0-1 尺度為準,亦即 'relative' 的分數為 1,'percent' 為 0-100% (注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值是相對的 0-1 尺度值)。這是因為百分比軸刻點是套用「#.##%」的格式來搭配相對 0-1 尺度值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 縮放值指定任何刻點/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻點值和格式設定。

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

圖例位置。可以是下列其中一項:

  • 'bottom':圖表下方。
  • 'left':在圖表左側,左軸沒有任何相關聯的序列。因此,如果您想在左側放置圖例,請使用 targetAxisIndex: 1 選項。
  • 'in' - 圖表中,左上角。
  • 'none' - 不顯示圖例。
  • 'right':圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設: 'right'
legendTextStyle

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

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

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

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

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

這個選項僅支援 discrete major 軸。

類型: boolean
預設: false
系列叢書

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

  • annotations - 要套用至這個系列中註解的物件。舉例來說,這可用於控制系列的 textStyle,例如:

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

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

  • color - 此系列使用的顏色。指定有效的 HTML 顏色字串。
  • labelInLegend:要顯示在圖表圖例中的序列說明。
  • targetAxisIndex:這個序列要指派到哪個軸,其中 0 是預設軸,1 則是相反軸。預設值為 0;設為 1 即可定義根據不同軸轉譯不同序列的圖表。至少須將一個序列分配至預設軸。您可以為不同軸定義不同的量表。

您可以指定物件的陣列,其中每個陣列都會依指定順序套用至系列,或者您可以指定各子項一個數字鍵,代表要套用哪個序列。舉例來說,以下兩個宣告都相同,且將第一個序列宣告為來自圖例的黑色且不存在,第四個是來自圖例的紅色且不存在:

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

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

類型: string
預設:無標題
subtitleTextStyle

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

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

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

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

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

顯示在圖表上方的文字。

類型: string
預設:無標題
titleTextStyle

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

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

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

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

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

趨勢線是以個別系列為依據,因此您的選項在大部分時間看起來會像這樣:

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

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

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

針對 type: 'polynomial' 趨勢線 ,多項式的程度 (2 代表二次方,3 代表立方體,以此類推)。

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

設定後, 趨勢線 會以這個字串顯示在圖例中。

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

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

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

趨勢線 是否為 'linear' (預設)、'exponential''polynomial'

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

是否在圖例中顯示 趨勢線 。內容就會顯示在趨勢線工具提示中。

類型: boolean
預設: false
useFirstColumnAsDomain

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

類型: boolean
vAxes

如果圖表有多個垂直軸,請指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,且可包含 vAxis 支援的所有屬性。這些屬性值會覆寫同一屬性的所有通用設定。

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

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

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都會有指定所定義軸的數值標籤,也就是上述格式;陣列是物件的陣列,每個軸代表一個物件。舉例來說,下列陣列樣式標記法與上述 vAxis 物件相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
類型:物件陣列,或含子項物件的物件
預設: null
vAxis

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

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

垂直軸值成長的方向。根據預設,低值會顯示在圖表底部。指定 -1 將值的順序反轉。

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

包含成員用來設定縱軸格線的物件。請注意,垂直軸格線是水平繪製的。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

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

類型: boolean
預設: false
vAxis.maxValue

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

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

此物件可讓成員在垂直軸上設定次要格線,與 vAxis.gridlines 選項類似。

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

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

類型: string
預設:使用格線與背景顏色混合
vAxis.minorGridlines.count

minorGridlines.count 選項主要已淘汰,除非將計數設為 0 來停用次要格線。次要格線的數量取決於主要格線之間的時間間隔,以及所需的下限。

類型: number
預設: 1
vAxis.minValue

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

類型: number
預設: null
vAxis.textPosition

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:無標題
vAxis.titleTextStyle

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

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

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

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

指定垂直軸的裁剪範圍。

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

要顯示的最大垂直資料值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: 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
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

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

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

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

  • '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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

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

是否猜測遺漏分數的價值。如果為 true,則會根據相鄰點猜測任何遺漏資料的值。如果為 false,則會在不明點的線條中留下休息時間。

提供 isStacked: true/'percent'/'relative'/'absolute' 選項的區域圖表不支援這項功能。

類型: boolean
預設: false
isStacked

如果設為 true,在每個網域值中將所有序列的元素堆疊在一起。注意:在「Column」、「Area」和「SteppedArea」圖表中,Google 圖表會反向排序圖例項目的順序,使其與序列元素的堆疊更一致 (例如,0 系列是最底部的圖例項目)。這項「不」 適用於長條圖圖表。

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

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在各個網域值中堆疊所有序列的元素。
  • 'percent':針對每個網域值堆疊所有序列的元素並調整大小,使這些元素總和達到 100%,每個元素的值都算是 100% 的百分比。
  • 'relative':針對每個網域值堆疊所有序列的元素並調整大小,讓這些元素總和等於 1,而每個元素的值都以 1 的小數計算。
  • 'absolute':運作方式與 isStacked: true 相同。

如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中的實際值之後。

根據預設,目標軸的刻度值是以相對 0-1 尺度為準,亦即 'relative' 的分數為 1,'percent' 為 0-100% (注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值是相對的 0-1 尺度值)。這是因為百分比軸刻點是套用「#.##%」的格式來搭配相對 0-1 尺度值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 縮放值指定任何刻點/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻點值和格式設定。

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

圖例位置。可以是下列其中一項:

  • 'bottom':圖表下方。
  • 'left':在圖表左側,左軸沒有任何相關聯的序列。因此,如果您想在左側放置圖例,請使用 targetAxisIndex: 1 選項。
  • 'in' - 圖表中,左上角。
  • 'none' - 不顯示圖例。
  • 'right':圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設: 'right'
legendTextStyle

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

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

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

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

資料線條寬度 (以像素為單位)。使用 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
系列叢書

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

  • 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
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動

度量設定選項

名稱
greenColor

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

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

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

類型: number
預設:
greenTo

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

類型: number
預設:
高度

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

類型: number
預設:容器的寬度
max

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

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

類型: number
預設:自動
分鐘

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

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

類型: number
預設:自動
redColor

在 HTML 顏色標記法中,紅色部分使用的顏色。

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

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

類型: number
預設:
redTo

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

類型: number
預設:
寬度

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

類型: number
預設:容器的寬度
yellowColor

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

類型: string
預設: '#FF9900'
yellowFrom

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

類型: number
預設:
yellowTo

以黃色標示範圍的最高值。

類型: number
預設:

Geochart 設定選項

名稱
backgroundColor

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

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

圖表填滿顏色,以 HTML 顏色字串表示。

類型: string
預設: 'white'
datalessRegionColor

這個顏色會指派給沒有相關資料的區域。

類型: string
預設: '#F5F5F5'
defaultColor

位置 (例如'US') 存在,但該值為 null 或未指定。這與 datalessRegionColor 不同,後者是缺少資料時使用的顏色。

類型: string
預設: '#267114'
displayMode

此為地理區域圖類型。DataTable 的格式必須符合指定的值。支援下列值:

  • 'auto':根據資料表的格式選擇。
  • 'regions':將地理圖上的區域上色。
  • 'markers':在區域放置標記。
  • 'text' - 使用 DataTable 提供的文字為區域加上標籤。
類型: string
預設:「auto」
高度

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

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

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

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

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

要在地理圖中顯示的區域。周圍也會顯示周圍區域。可以是下列其中一項:

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

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

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

直方圖設定選項

名稱
backgroundColor

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

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

圖表填滿顏色,以 HTML 顏色字串表示。

類型: string
預設: 'white'
chartArea

此物件可讓成員設定圖表區域的位置和大小 (繪製圖表時不含軸和圖例)。系統支援兩種格式:一個數字,或後接 % 的數字。簡單數字是以像素為單位的值,數字後面加上 % 代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

類型: numberstring
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

類型: number
預設:所含元素的高度
histogram.bucketSize

將每個直方圖列的大小進行硬式編碼,而非由演算法決定。

類型: number
預設:自動
histogram.hideBucketItems

省略直方圖區塊之間的細分差,使其成為一連串實線。

類型: boolean
預設: false
histogram.lastBucketPercentile

計算直方圖的值區大小時,請忽略頂端和底部 lastBucketPercentile% 的設定。這些值仍會包含在直方圖中,但不會影響特徵分塊。

類型: number
預設: 0
interpolateNulls

是否猜測遺漏分數的價值。如果為 true,則會根據相鄰點猜測任何遺漏資料的值。如果為 false,則會在不明點的線條中留下休息時間。

提供 isStacked: true/'percent'/'relative'/'absolute' 選項的區域圖表不支援這項功能。

類型: boolean
預設: false
isStacked

如果設為 true,在每個網域值中將所有序列的元素堆疊在一起。注意:在「Column」、「Area」和「SteppedArea」圖表中,Google 圖表會反向排序圖例項目的順序,使其與序列元素的堆疊更一致 (例如,0 系列是最底部的圖例項目)。這項「不」 適用於長條圖圖表。

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

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在各個網域值中堆疊所有序列的元素。
  • 'percent':針對每個網域值堆疊所有序列的元素並調整大小,使這些元素總和達到 100%,每個元素的值都算是 100% 的百分比。
  • 'relative':針對每個網域值堆疊所有序列的元素並調整大小,讓這些元素總和等於 1,而每個元素的值都以 1 的小數計算。
  • 'absolute':運作方式與 isStacked: true 相同。

如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中的實際值之後。

根據預設,目標軸的刻度值是以相對 0-1 尺度為準,亦即 'relative' 的分數為 1,'percent' 為 0-100% (注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值是相對的 0-1 尺度值)。這是因為百分比軸刻點是套用「#.##%」的格式來搭配相對 0-1 尺度值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 縮放值指定任何刻點/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻點值和格式設定。

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

圖例位置。可以是下列其中一項:

  • 'bottom':圖表下方。
  • 'left':在圖表左側,左軸沒有任何相關聯的序列。因此,如果您想在左側放置圖例,請使用 targetAxisIndex: 1 選項。
  • 'in' - 圖表中,左上角。
  • 'none' - 不顯示圖例。
  • 'right':圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設: 'right'
legendTextStyle

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

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

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

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

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

這個選項僅支援 discrete major 軸。

類型: boolean
預設: false
系列叢書

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

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

您可以指定物件的陣列,其中每個陣列都會依指定順序套用至系列,或者您可以指定各子項一個數字鍵,代表要套用哪個序列。舉例來說,以下兩個宣告都相同,且將第一個序列宣告為來自圖例的黑色且不存在,第四個是來自圖例的紅色且不存在:

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

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

類型: string
預設:無標題
subtitleTextStyle

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

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

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

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

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

顯示在圖表上方的文字。

類型: string
預設:無標題
titleTextStyle

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

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

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

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

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

類型: boolean
vAxes

如果圖表有多個垂直軸,請指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,且可包含 vAxis 支援的所有屬性。這些屬性值會覆寫同一屬性的所有通用設定。

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

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

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都會有指定所定義軸的數值標籤,也就是上述格式;陣列是物件的陣列,每個軸代表一個物件。舉例來說,下列陣列樣式標記法與上述 vAxis 物件相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
類型:物件陣列,或含子項物件的物件
預設: null
vAxis

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

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

垂直軸值成長的方向。根據預設,低值會顯示在圖表底部。指定 -1 將值的順序反轉。

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

包含成員用來設定縱軸格線的物件。請注意,垂直軸格線是水平繪製的。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

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

類型: boolean
預設: false
vAxis.maxValue

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

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

此物件可讓成員在垂直軸上設定次要格線,與 vAxis.gridlines 選項類似。

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

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

類型: string
預設:使用格線與背景顏色混合
vAxis.minorGridlines.count

minorGridlines.count 選項主要已淘汰,除非將計數設為 0 來停用次要格線。次要格線的數量取決於主要格線之間的時間間隔,以及所需的下限。

類型: number
預設: 1
vAxis.minValue

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

類型: number
預設: null
vAxis.textPosition

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:無標題
vAxis.titleTextStyle

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

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

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

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

指定垂直軸的裁剪範圍。

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

要顯示的最大垂直資料值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
寬度

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

類型: 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
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

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

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

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

  • '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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

類型: 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
系列叢書

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

  • 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
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動

組織圖設定選項

名稱
顏色

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

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

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

類型: string
預設: '#d6e9f8'
大小

圖表的整體大小。選項包括 'small''medium''large'

類型: string
預設: 'medium'

圓餅圖設定選項

名稱
backgroundColor

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

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

圖表填滿顏色,以 HTML 顏色字串表示。

類型: string
預設: 'white'
chartArea

此物件可讓成員設定圖表區域的位置和大小 (繪製圖表時不含軸和圖例)。系統支援兩種格式:一個數字,或後接 % 的數字。簡單數字是以像素為單位的值,數字後面加上 % 代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

類型: numberstring
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

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

類型:字串陣列
預設:預設顏色
高度

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

類型: 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
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

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

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

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

  • '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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

類型: 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
系列叢書

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

  • 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
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: 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
預設:自動
chartArea.left

從左框線繪製圖表的時間長度。

類型: numberstring
預設:自動
chartArea.top

圖表與上框線的繪製距離。

類型: numberstring
預設:自動
chartArea.width

圖表區域寬度。

類型: numberstring
預設:自動
顏色

圖表元素要使用的顏色。字串陣列,其中每個元素都是 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
預設:自動
hAxis.viewWindow.min

要顯示的水平資料最小值。

hAxis.viewWindowMode'pretty''maximized' 時忽略。

類型: number
預設:自動
高度

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

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

如果設為 true,在每個網域值中將所有序列的元素堆疊在一起。注意:在「Column」、「Area」和「SteppedArea」圖表中,Google 圖表會反向排序圖例項目的順序,使其與序列元素的堆疊更一致 (例如,0 系列是最底部的圖例項目)。這項「不」 適用於長條圖圖表。

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

isStacked 的選項如下:

  • false:元素不會堆疊。這是預設選項。
  • true:在各個網域值中堆疊所有序列的元素。
  • 'percent':針對每個網域值堆疊所有序列的元素並調整大小,使這些元素總和達到 100%,每個元素的值都算是 100% 的百分比。
  • 'relative':針對每個網域值堆疊所有序列的元素並調整大小,讓這些元素總和等於 1,而每個元素的值都以 1 的小數計算。
  • 'absolute':運作方式與 isStacked: true 相同。

如果是 100% 堆疊,每個元素的計算值會顯示在工具提示中的實際值之後。

根據預設,目標軸的刻度值是以相對 0-1 尺度為準,亦即 'relative' 的分數為 1,'percent' 為 0-100% (注意:使用 'percent' 選項時,軸/刻度值會以百分比顯示,但實際值是相對的 0-1 尺度值)。這是因為百分比軸刻點是套用「#.##%」的格式來搭配相對 0-1 尺度值的結果。使用 isStacked: 'percent' 時,請務必使用相對 0-1 縮放值指定任何刻點/格線。您可以使用適當的 hAxis/vAxis 選項自訂格線/刻點值和格式設定。

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

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

由成員組成的物件,可設定圖例的各個層面。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

圖例位置。可以是下列其中一項:

  • 'bottom':圖表下方。
  • 'left':在圖表左側,左軸沒有任何相關聯的序列。因此,如果您想在左側放置圖例,請使用 targetAxisIndex: 1 選項。
  • 'in' - 圖表中,左上角。
  • 'none' - 不顯示圖例。
  • 'right':圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設: 'right'
legendTextStyle

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

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

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

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

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

這個選項僅支援 discrete major 軸。

類型: boolean
預設: false
系列叢書

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

  • areaOpacity - 覆寫這個系列的全域 areaOpacity
  • color - 此系列使用的顏色。指定有效的 HTML 顏色字串。
  • type - 該系列的標記類型。有效值為「line」、「area」、「bars」和「steppedArea」。請注意,長條實際上是垂直長條 (欄)。預設值是由圖表的 seriesType 選項指定。
  • labelInLegend:要顯示在圖表圖例中的序列說明。
  • lineDashStyle:覆寫這個系列的全域 lineDashStyle 值。
  • targetAxisIndex:這個序列要指派到哪個軸,其中 0 是預設軸,1 則是相反軸。預設值為 0;設為 1 即可定義根據不同軸轉譯不同序列的圖表。至少須將一個序列分配至預設軸。您可以為不同軸定義不同的量表。
  • visibleInLegend - boolean 值,其中 true 代表序列應有圖例項目,false 則代表不應。預設值為 true

您可以指定一組物件的陣列 (依指定順序套用各個物件陣列),或者指定一個物件,其中每個子項都具有數字鍵,可指出要套用哪個序列。舉例來說,下列兩個宣告皆相同,並將第一個序列宣告為圖例中,第四個是黑色且從圖例中消失。

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

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

類型: string
預設:無標題
subtitleTextStyle

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

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

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

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

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

顯示在圖表上方的文字。

類型: string
預設:無標題
titleTextStyle

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

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

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

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

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

類型: boolean
useFirstColumnAsDomain

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

類型: boolean
vAxes

如果圖表有多個垂直軸,請指定個別垂直軸的屬性。每個子項物件都是 vAxis 物件,且可包含 vAxis 支援的所有屬性。這些屬性值會覆寫同一屬性的所有通用設定。

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

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

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都會有指定所定義軸的數值標籤,也就是上述格式;陣列是物件的陣列,每個軸代表一個物件。舉例來說,下列陣列樣式標記法與上述 vAxis 物件相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
類型:物件陣列,或含子項物件的物件
預設: null
vAxis

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

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

垂直軸值成長的方向。根據預設,低值會顯示在圖表底部。指定 -1 將值的順序反轉。

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

包含成員用來設定縱軸格線的物件。請注意,垂直軸格線是水平繪製的。如要指定這個物件的屬性,您可以使用物件常值標記法,如下所示:

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

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

類型: boolean
預設: false
vAxis.maxValue

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

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

此物件可讓成員在垂直軸上設定次要格線,與 vAxis.gridlines 選項類似。

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

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

類型: string
預設:使用格線與背景顏色混合
vAxis.minorGridlines.count

minorGridlines.count 選項主要已淘汰,除非將計數設為 0 來停用次要格線。次要格線的數量取決於主要格線之間的時間間隔,以及所需的下限。

類型: number
預設: 1
vAxis.minValue

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

類型: number
預設: null
vAxis.textPosition

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:無標題
vAxis.titleTextStyle

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

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

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

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

指定垂直軸的裁剪範圍。

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

要顯示的最大垂直資料值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
vAxis.viewWindow.min

要顯示的垂直資料最小值。

vAxis.viewWindowMode 為「漂亮」或「最大化」時,系統會忽略此值。

類型: number
預設:自動
寬度

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

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

表格圖設定選項

名稱
alternatingRowStyle

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

類型: boolean
預設: true
高度

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

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

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

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

時間軸設定選項

名稱
backgroundColor

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

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

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

類型:字串陣列
預設:預設顏色
高度

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

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

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

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

樹狀圖設定選項

名稱
headerColor

每個節點標題區段的顏色。指定 HTML 顏色值。

類型: string
預設: #988f86
maxColor

第 3 欄值為 maxColorValue 的矩形顏色。請指定 HTML 顏色值。

類型: string
預設: #00dd00
maxDepth

目前檢視畫面顯示的節點層級數量上限。等級會平放到目前的飛機。如果樹狀結構包含的層級超過這個數量,您必須向上或向下才能看到。此外,您可以在這些節點下方看到 maxPostDepth 層級,這些節點中的陰影矩形。

類型: number
預設: 1
maxPostDepth

超過 maxDepth 的節點層級,以「提示」方式顯示。系統會在 maxDepth 限制內的節點內,顯示隱藏的節點為陰影矩形。

類型: number
預設: 0
midColor

包含 3 欄值的矩形顏色,介於 maxColorValueminColorValue 之間。指定 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>}