圖表設定選項

圖表類型

備註圖表設定選項

名稱
顏色

圖表元素要使用的顏色。字串陣列,每個元素都是 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
預設值:auto
chartArea.left

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

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

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

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

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

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

hAxis 屬性,可將水平軸設為對數比例 (所有值都必須為正數)。設為 true (是)。

這個選項僅支援 continuous 軸。

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

指定橫軸的裁剪範圍。

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

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

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

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

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

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

類型: number
預設值:auto
高度

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

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

是否要猜測遺漏點的值。如果 true,系統會根據鄰近點推測任何遺漏資料的值。如果 false,系統會在不明位置換行。

不支援使用 isStacked: true/'percent'/'relative'/'absolute' 選項的面積圖表。

類型: boolean
預設值: false
isStacked

如果設為 true,則會堆疊每個網域值的所有序列元素。 注意:在「Column」(直條)、「Area」(區域) 和「SteppedArea」(階梯式區域)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

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

類型: number
預設值: 2
pointShape

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

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

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

類型: number
預設值: 0
reverseCategories

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

這個選項僅支援 discrete 軸和 major 軸。

類型: boolean
預設值: false
系列

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

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

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

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

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

您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中:

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

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

類型: string
預設:沒有標題
subtitleTextStyle

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

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

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

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

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

圖表上方顯示的文字。

類型: string
預設:沒有標題
titleTextStyle

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

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

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

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

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

類型: boolean
useFirstColumnAsDomain

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

類型: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

如果是 true,則垂直軸會採用對數比例。注意:所有值都必須為正數。

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

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

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

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

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 即可停用次要格線。次要格線的數量取決於主要格線之間的間隔和所需空間下限。

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

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

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

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:沒有標題
vAxis.titleTextStyle

這個物件會指定垂直軸標題文字樣式。物件格式如下:

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

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

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

指定垂直軸的裁剪範圍。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto

長條圖設定選項

名稱
backgroundColor

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

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

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

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

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

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

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型:數字或 string
預設值:auto
顏色

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

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

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

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

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

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

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
    
類型:物件陣列,或含有子物件的物件
預設值: null
hAxis

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

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

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

hAxis 屬性,可將水平軸設為對數比例 (所有值都必須為正數)。設為 true (是)。

這個選項僅支援 continuous 軸。

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

指定橫軸的裁剪範圍。

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

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

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

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

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

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

類型: number
預設值:auto
高度

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

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

如果設為 true,則會堆疊每個網域值的所有序列元素。 注意:在「Column」(直條)、「Area」(區域) 和「SteppedArea」(階梯式區域)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 為「pretty」或「maximized」,系統會忽略此屬性。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto

泡泡圖設定選項

名稱
backgroundColor

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

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

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

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

這個物件的成員可設定泡泡的視覺屬性。

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

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

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

泡泡筆劃的顏色。

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

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

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

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

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

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字或數字後方加上 %。單純的數字代表像素值;數字後方加上 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

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

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

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

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

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

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

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

hAxis 屬性,可將水平軸設為對數比例 (所有值都必須為正數)。設為 true (是)。

這個選項僅支援 continuous 軸。

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

指定橫軸的裁剪範圍。

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

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

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

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

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

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

類型: number
預設值:auto
高度

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

類型: string
預設:沒有標題
subtitleTextStyle

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

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

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

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

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

圖表上方顯示的文字。

類型: string
預設:沒有標題
titleTextStyle

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

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

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

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

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

類型: boolean
useFirstColumnAsDomain

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

類型: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

如果是 true,則垂直軸會採用對數比例。注意:所有值都必須為正數。

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

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

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

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

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 即可停用次要格線。次要格線的數量取決於主要格線之間的間隔和所需空間下限。

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

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

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

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:沒有標題
vAxis.titleTextStyle

這個物件會指定垂直軸標題文字樣式。物件格式如下:

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

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

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

指定垂直軸的裁剪範圍。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto

日曆設定選項

名稱
高度

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

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

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

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

K 線圖設定選項

名稱
backgroundColor

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

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

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

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

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

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

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

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

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

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

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

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

hAxis 屬性,可將水平軸設為對數比例 (所有值都必須為正數)。設為 true (是)。

這個選項僅支援 continuous 軸。

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

指定橫軸的裁剪範圍。

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

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

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

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

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

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

類型: number
預設值:auto
高度

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

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

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

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

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

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

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

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

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

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

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

這個選項僅支援 discrete 軸和 major 軸。

類型: boolean
預設值: false
系列

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

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

您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中:

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

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

類型: string
預設:沒有標題
subtitleTextStyle

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

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

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

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

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

圖表上方顯示的文字。

類型: string
預設:沒有標題
titleTextStyle

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

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

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

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

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

類型: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

如果是 true,則垂直軸會採用對數比例。注意:所有值都必須為正數。

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

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

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

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

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 即可停用次要格線。次要格線的數量取決於主要格線之間的間隔和所需空間下限。

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

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

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

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:沒有標題
vAxis.titleTextStyle

這個物件會指定垂直軸標題文字樣式。物件格式如下:

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

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

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

指定垂直軸的裁剪範圍。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto

直條圖設定選項

名稱
backgroundColor

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

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

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

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

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

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

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

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

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

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

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

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

hAxis 屬性,可將水平軸設為對數比例 (所有值都必須為正數)。設為 true (是)。

這個選項僅支援 continuous 軸。

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

指定橫軸的裁剪範圍。

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

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

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

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

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

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

類型: number
預設值:auto
高度

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

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

如果設為 true,則會堆疊每個網域值的所有序列元素。 注意:在「Column」(直條)、「Area」(區域) 和「SteppedArea」(階梯式區域)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 為「pretty」或「maximized」,系統會忽略此屬性。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto

組合圖設定選項

名稱
areaOpacity

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

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

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

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

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

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

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

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

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

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

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

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

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

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

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

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

hAxis 屬性,可將水平軸設為對數比例 (所有值都必須為正數)。設為 true (是)。

這個選項僅支援 continuous 軸。

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

指定橫軸的裁剪範圍。

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

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

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

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

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

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

類型: number
預設值:auto
高度

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

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

是否要猜測遺漏點的值。如果 true,系統會根據鄰近點推測任何遺漏資料的值。如果 false,系統會在不明位置換行。

不支援使用 isStacked: true/'percent'/'relative'/'absolute' 選項的面積圖表。

類型: boolean
預設值: false
isStacked

如果設為 true,則會堆疊每個網域值的所有序列元素。 注意:在「Column」(直條)、「Area」(區域) 和「SteppedArea」(階梯式區域)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

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

類型: number
預設值: 2
pointShape

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

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

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

類型: number
預設值: 0
reverseCategories

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

這個選項僅支援 discrete 軸和 major 軸。

類型: boolean
預設值: false
系列

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

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

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

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

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

您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中:

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

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

類型: string
預設:沒有標題
subtitleTextStyle

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

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

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

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

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

圖表上方顯示的文字。

類型: string
預設:沒有標題
titleTextStyle

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

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

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

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

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

類型: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

如果是 true,則垂直軸會採用對數比例。注意:所有值都必須為正數。

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

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

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

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

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 即可停用次要格線。次要格線的數量取決於主要格線之間的間隔和所需空間下限。

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

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

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

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:沒有標題
vAxis.titleTextStyle

這個物件會指定垂直軸標題文字樣式。物件格式如下:

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

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

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

指定垂直軸的裁剪範圍。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto

量表設定選項

名稱
greenColor

以 HTML 顏色標記表示的綠色部分所要使用的顏色。

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

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

類型: number
預設值:
greenTo

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

類型: number
預設值:
高度

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

類型: number
預設值:容器寬度
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
預設值:

地圖圖表設定選項

名稱
backgroundColor

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

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

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

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

要指派給沒有相關聯資料的區域的顏色。

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

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

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

這是哪種地理圖表。DataTable 格式必須與指定的值相符。支援的值如下:

  • 'auto' - 根據 DataTable 的格式選擇。
  • 'regions' - 為地域圖表中的區域上色。
  • 'markers' - 在區域上放置標記。
  • 'text' - Label the regions with text from the DataTable.
類型: string
預設值: 'auto'
高度

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

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

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

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

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

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

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

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

要在地理圖表上顯示的區域。系統也會顯示周邊區域。可以是下列任一值:

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

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

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

直方圖設定選項

名稱
backgroundColor

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

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

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

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

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

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

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

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

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

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

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

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

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

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

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

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

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

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

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

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

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

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

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

指定橫軸的裁剪範圍。

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

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

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

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

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

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

類型: number
預設值:auto
高度

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

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

硬式編碼每個直方圖長條的大小,而不是讓演算法決定。

類型: number
預設值:auto
histogram.hideBucketItems

省略直方圖區塊之間的細線,將直方圖變成一系列實心長條。

類型: boolean
預設值: false
histogram.lastBucketPercentile

計算直方圖的 bucket 大小時,請忽略頂端和底部的 lastBucketPercentile%。這些值仍會納入直方圖,但不會影響分組。

類型: number
預設值: 0
interpolateNulls

是否要猜測遺漏點的值。如果 true,系統會根據鄰近點推測任何遺漏資料的值。如果 false,系統會在不明位置換行。

不支援使用 isStacked: true/'percent'/'relative'/'absolute' 選項的面積圖表。

類型: boolean
預設值: false
isStacked

如果設為 true,則會堆疊每個網域值的所有序列元素。 注意:在「Column」(直條)、「Area」(區域) 和「SteppedArea」(階梯式區域)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 為「pretty」或「maximized」,系統會忽略此屬性。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto
寬度

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

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

折線圖設定選項

名稱
backgroundColor

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

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

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

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

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

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

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

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

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

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

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

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

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

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

hAxis 屬性,可將水平軸設為對數比例 (所有值都必須為正數)。設為 true (是)。

這個選項僅支援 continuous 軸。

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

指定橫軸的裁剪範圍。

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

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

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

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

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

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

類型: number
預設值:auto
高度

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

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

是否要猜測遺漏點的值。如果 true,系統會根據鄰近點推測任何遺漏資料的值。如果 false,系統會在不明位置換行。

不支援使用 isStacked: true/'percent'/'relative'/'absolute' 選項的面積圖表。

類型: boolean
預設值: false
傳說

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

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

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

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

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

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

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

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

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

類型: number
預設值: 2
pointShape

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

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

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

類型: number
預設值: 0
reverseCategories

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

這個選項僅支援 discrete 軸和 major 軸。

類型: boolean
預設值: false
系列

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

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

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

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

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

您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有一個數字鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中:

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

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

類型: string
預設:沒有標題
subtitleTextStyle

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

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

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

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

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

圖表上方顯示的文字。

類型: string
預設:沒有標題
titleTextStyle

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

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

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

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

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

類型: boolean
趨勢線

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

趨勢線是依據每個序列指定,因此大部分時間選項會如下所示:

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

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

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

如要取得type: 'polynomial' 趨勢線 ,請輸入多項式的次數 (二次為 2,三次為 3,依此類推)。

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

如果設定了這個屬性,趨勢線 就會以這個字串顯示在圖例中。

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

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

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

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

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

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

類型: boolean
預設值: false
useFirstColumnAsDomain

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

類型: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

這個選項僅支援 continuous 軸。

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

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

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

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

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

如果是 true,則垂直軸會採用對數比例。注意:所有值都必須為正數。

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

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

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

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

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

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

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

minorGridlines.count 選項大多已淘汰,但將計數設為 0 即可停用次要格線。次要格線的數量取決於主要格線之間的間隔和所需空間下限。

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

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

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

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

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

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

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

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

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

指定縱軸的標題。

類型: string
預設:沒有標題
vAxis.titleTextStyle

這個物件會指定垂直軸標題文字樣式。物件格式如下:

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

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

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

指定垂直軸的裁剪範圍。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

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

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

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto

組織圖設定選項

名稱
顏色

組織結構圖元素的背景顏色。

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

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

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

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

類型: string
預設值: 'medium'

圓餅圖設定選項

名稱
backgroundColor

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

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

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

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

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

圖表區域高度。

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

圖表與左邊界的距離。

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

圖表與上邊界的距離。

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

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

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

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

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

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

如果 true,則會顯示三維圖表。

類型: boolean
預設值: false
傳說

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

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

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

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

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

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

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

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

如果介於 01 之間,則會顯示圓環圖。孔洞的半徑等於圖表半徑的 number 倍。

類型: number
預設值: 0
pieSliceBorderColor

切片邊框的顏色。僅適用於二維圖表。

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

切片上顯示的文字內容。可以是下列任一值:

  • 'percentage' - 占總計的切片大小百分比。
  • 'value' - 區塊的量化值。
  • 'label' - 區塊名稱。
  • 'none' - 不會顯示任何文字。
類型: string
預設值: 'percentage'
pieSliceTextStyle

指定切片文字樣式的物件。物件格式如下:

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

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

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果設為 true,則會從右到左繪製序列。預設為從左到右繪製。

這個選項僅支援 discrete 軸和 major 軸。

類型: boolean
預設值: false
slices.color

這個切片要使用的顏色。

類型: string
副標題

顯示在圖表標題下方的文字。

類型: string
預設:沒有標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

圖表上方顯示的文字。

類型: string
預設:沒有標題
titleTextStyle

指定標題文字樣式的物件。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

散布圖設定選項

名稱
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如:'red''#00cc00',也可以是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串表示。

類型:string
預設值: 'white'
chartArea

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在圖表區域周圍繪製指定寬度的邊框 (顏色為 stroke)。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區域高度。

類型: numberstring
預設值:auto
chartArea.left

圖表與左邊界的距離。

類型: numberstring
預設值:auto
chartArea.top

圖表與上邊界的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設:預設顏色
curveType

控制線條的曲線,線條寬度不得為零。 可以是下列任一值:

  • 'none' - 沒有彎曲的直線。
  • 'function':系統會平滑化線條的角度。
類型:string
預設值: 'none'
hAxis

這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.gridlines

這個物件的屬性可設定水平軸上的格線。 請注意,水平軸格線會以垂直方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.gridlines.color

圖表區域內的水平格線顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
hAxis.gridlines.count

圖表區域內的水平格線約略數量。如果為 gridlines.count 指定正數,系統會用來計算格線之間的 minSpacing。您可以指定 1 值,只繪製一條格線,或指定 0 值,不繪製格線。指定 -1 (預設值),根據其他選項自動計算格線數量。

類型: number
預設值: -1
hAxis.logScale

hAxis 屬性,可將水平軸設為對數比例 (所有值都必須為正數)。設為 true (是)。

這個選項僅支援 continuous 軸。

類型: boolean
預設值: false
hAxis.maxValue

將橫軸最大值移至指定值;在大多數圖表中,這會向右移動。如果設為小於資料最大 x 值的數值,系統會忽略此設定。 hAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.minorGridlines

這個物件的成員可設定水平軸上的次要格線,類似於 hAxis.gridlines 選項。

這個選項僅支援 continuous 軸。

類型: object
預設值: null
hAxis.minorGridlines.color

圖表區域內水平次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合色
hAxis.minorGridlines.count

minorGridlines.count 選項大多已淘汰,但將計數設為 0 來停用次要格線除外。次要格線的數量現在完全取決於主要格線之間的間隔 (請參閱 hAxis.gridlines.interval) 和所需空間下限 (請參閱 hAxis.minorGridlines.minSpacing)。

類型: number
預設值: 1
hAxis.minValue

將橫軸的最小值移至指定值;在大多數圖表中,這會向左移動。如果設定的值大於資料的 x 最小值,系統會忽略這個值。 hAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值:自動
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定橫軸文字樣式的物件。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,用於指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

這個物件會指定水平軸標題文字樣式。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

如果 hAxis.viewWindowMode'pretty''maximized',系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的最小水平資料值。

如果 hAxis.viewWindowMode'pretty''maximized',系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
傳說

這個物件的成員可設定圖例的各個方面。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
類型: object
預設值: null
legend.position

圖例的位置。可以是下列任一值:

  • 'bottom':圖表下方。
  • 'left' - 圖表左側,前提是左軸沒有相關聯的數列。 因此,如要將圖例放在左側,請使用 targetAxisIndex: 1 選項。
  • 'in' - 位於圖表左上角。
  • 'none' - 不顯示圖例。
  • 'right':位於圖表右側。與 vAxes 選項不相容。
  • 'top':圖表上方。
類型: string
預設值: 'right'
legendTextStyle

指定圖例文字樣式的物件。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

資料線寬度 (以像素為單位)。使用零可隱藏所有線條,只顯示點。你可以使用 series 屬性,覆寫個別系列的屬性值。

類型: number
預設值: 2
pointShape

個別資料元素的形狀:'circle''triangle''square''diamond''star''polygon'。如需範例,請參閱 點數說明文件

類型: string
預設值: 'circle'
pointSize

顯示點的直徑 (以像素為單位)。使用零可隱藏所有點。您可以使用 series 屬性,覆寫個別系列的屬性值。如果您使用趨勢線,除非使用 trendlines.n.pointsize 選項覆寫,否則 pointSize 選項會影響趨勢線的寬度。

類型: number
預設值: 0
系列

物件陣列,每個物件都說明圖表中對應序列的格式。如要為序列使用預設值,請指定空物件 {}。如果未指定序列或值,系統會使用全域值。每個物件都支援下列屬性:

  • color:這個序列要使用的顏色。指定有效的 HTML 顏色字串。
  • labelInLegend - 圖表圖例中顯示的序列說明。
  • lineWidth:覆寫這個系列的通用 lineWidth 值。
  • pointShape:覆寫這個系列的通用 pointShape 值。
  • pointSize:覆寫這個系列的通用 pointSize 值。
  • pointsVisible:覆寫這個系列的通用 pointsVisible 值。
  • visibleInLegend - boolean 值,其中 true 表示該數列應有圖例項目,而 false 表示不應有。預設值為 true

您可以指定物件陣列,每個物件會依指定順序套用至序列,也可以指定物件,其中每個子項都有數值鍵,指出要套用至哪個序列。舉例來說,下列兩個宣告相同,會將第一個序列宣告為黑色,且不會顯示在圖例中,第四個序列則會宣告為紅色,且不會顯示在圖例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
類型:物件陣列,或含有巢狀物件的物件
預設值: {}
副標題

顯示在圖表標題下方的文字。

類型: string
預設:沒有標題
subtitleTextStyle

指定標題文字樣式的物件。

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主題

主題是一組預先定義的選項值,可共同運作,達到特定圖表行為或視覺效果。目前只有一個主題:

  • 'maximized' - 盡量擴大圖表區域,並在圖表區域內繪製圖例和所有標籤。
類型: string
預設值: null
title

圖表上方顯示的文字。

類型: string
預設:沒有標題
titleTextStyle

指定標題文字樣式的物件。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果設為 true,圖表會將該欄視為文字欄。

類型: boolean
趨勢線

在支援的圖表上顯示趨勢線。 根據預設,系統會使用 linear 趨勢線,但可透過 trendlines.n.type 選項自訂。

趨勢線是依據每個序列指定,因此大部分時間選項會如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
類型: object
預設值: null
trendlines.n.color

趨勢線 的顏色,以英文顏色名稱或十六進位字串表示。

類型: string
預設值:預設序列顏色
trendlines.n.degree

如要取得type: 'polynomial' 趨勢線 ,請輸入多項式的次數 (二次為 2,三次為 3,依此類推)。

類型: number
預設值: 3
trendlines.n.labelInLegend

如果設定了這個屬性,趨勢線 就會以這個字串顯示在圖例中。

類型: string
預設值: null
trendlines.n.lineWidth

趨勢線的線條寬度,以像素為單位。

類型: number
預設值: 2
trendlines.n.type

趨勢線是 'linear' (預設)、'exponential' 還是 'polynomial'

類型: string
預設值: linear
trendlines.n.visibleInLegend

是否在圖例中顯示趨勢線方程式。 趨勢線工具提示會顯示這項資訊。

類型: boolean
預設值: false
useFirstColumnAsDomain

如果設為 true,圖表會將該資料欄視為網域。

類型: boolean
vAxes

如果圖表有多個垂直軸,則指定個別垂直軸的屬性。 每個子項物件都是 vAxis 物件,可包含 vAxis 支援的所有屬性。這些屬性值會覆寫相同屬性的任何全域設定。

如要指定含有多個垂直軸的圖表,請先使用 series.targetAxisIndex 定義新軸,然後使用 vAxes 設定軸。以下範例會將序列 2 指派至右側軸,並為該軸指定自訂標題和文字樣式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

這個屬性可以是物件或陣列:物件是物件的集合,每個物件都有一個數值標籤,指定定義的軸,這是上方顯示的格式;陣列是物件的陣列,每個軸各有一個物件。舉例來說,下列陣列樣式的標記與上述 vAxis 物件相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
類型:物件陣列,或含有子物件的物件
預設值: null
vAxis

這個物件的成員可設定各種垂直軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
類型: object
預設值: null
vAxis.direction

沿垂直軸值成長的方向。根據預設,圖表底部會顯示較低的值。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
vAxis.gridlines

物件,其中包含要設定垂直軸格線的成員。 請注意,垂直軸格線會以水平方向繪製。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示:

{color: '#333', minSpacing: 20}

這個選項僅支援 continuous 軸。

類型: object
預設值: null
vAxis.gridlines.color

圖表區域內垂直格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設值: '#CCC'
vAxis.gridlines.count

圖表區域內的水平格線約略數量。 如果為 gridlines.count 指定正數,系統會用來計算格線之間的 minSpacing。您可以指定 1 值,只繪製一條格線,或指定 0 值,不繪製格線。指定 -1 (預設值),根據其他選項自動計算格線數量。

類型: number
預設值: -1
vAxis.logScale

如果是 true,則垂直軸會採用對數比例。注意:所有值都必須為正數。

類型: boolean
預設值: false
vAxis.maxValue

將垂直軸的最大值移至指定值;在大多數圖表中,這會向上移動。如果設為小於資料最大 y 值的數值,系統會忽略此設定。 vAxis.viewWindow.max 會覆寫這項屬性。

類型: number
預設值:自動
vAxis.minorGridlines

這個物件的成員可設定垂直軸上的次要格線,與 vAxis.gridlines 選項類似。

類型: object
預設值: null
vAxis.minorGridlines.color

圖表區域內垂直次要格線的顏色。指定有效的 HTML 顏色字串。

類型: string
預設:格線和背景顏色的混合色
vAxis.minorGridlines.count

minorGridlines.count 選項大多已淘汰,但將計數設為 0 即可停用次要格線。次要格線的數量取決於主要格線之間的間隔和所需空間下限。

類型: number
預設值: 1
vAxis.minValue

將縱軸的最小值移至指定值;在大多數圖表中,這會是向下移動。如果這個值大於資料的最小 y 值,系統會忽略這個值。 vAxis.viewWindow.min 會覆寫這項屬性。

類型: number
預設值: null
vAxis.textPosition

縱軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
vAxis.textStyle

指定縱軸文字樣式的物件。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定縱軸的標題。

類型: string
預設:沒有標題
vAxis.titleTextStyle

這個物件會指定垂直軸標題文字樣式。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定垂直軸的裁剪範圍。

類型: object
預設值: null
vAxis.viewWindow.max

要算繪的最大垂直資料值。

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最低垂直資料值。

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto

階梯狀面積圖設定選項

名稱
areaOpacity

區域圖序列下方彩色區域的預設不透明度,其中 0.0 表示完全透明,1.0 表示完全不透明。如要為個別序列指定不透明度,請在 series 屬性中設定 areaOpacity 值。

類型: number0.0- 1.0
預設值: 0.3
backgroundColor

圖表主要區域的背景顏色。可以是簡單的 HTML 顏色字串,例如:'red''#00cc00',也可以是具有下列屬性的物件。

類型: stringobject
預設值: 'white'
backgroundColor.fill

圖表填滿顏色,以 HTML 顏色字串表示。

類型: string
預設值: 'white'
chartArea

這個物件的成員可設定圖表區域的位置和大小 (繪製圖表本身的位置,不含座標軸和圖例)。支援兩種格式:數字,或數字後接 %。單純的數字代表像素值;數字後接 % 則代表百分比。範例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

類型: object
預設值: null
chartArea.backgroundColor
圖表區域的背景顏色。使用字串時,可以是十六進位字串 (例如 '#fdc') 或英文顏色名稱。使用物件時,可以提供下列屬性:
  • stroke:顏色,以十六進位字串或英文顏色名稱提供。
  • strokeWidth:如果提供此屬性,系統會在圖表區域周圍繪製指定寬度的邊框 (顏色為 stroke)。
類型: stringobject
預設值: 'white'
chartArea.height

圖表區域高度。

類型: numberstring
預設值:auto
chartArea.left

圖表與左邊界的距離。

類型: numberstring
預設值:auto
chartArea.top

圖表與上邊界的距離。

類型: numberstring
預設值:auto
chartArea.width

圖表區域寬度。

類型: numberstring
預設值:auto
顏色

圖表元素要使用的顏色。字串陣列,每個元素都是 HTML 顏色字串,例如:colors:['red','#004411']

類型:字串陣列
預設:預設顏色
hAxis

這個物件的成員可設定各種水平軸元素。如要指定這個物件的屬性,可以使用物件常值標記法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
類型: object
預設值: null
hAxis.direction

水平軸上值的成長方向。指定 -1 即可反轉值的順序。

類型: 1-1
預設值: 1
hAxis.textPosition

橫軸文字相對於圖表區域的位置。支援的值:'out''in''none'

類型: string
預設值: 'out'
hAxis.textStyle

指定橫軸文字樣式的物件。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 屬性,用於指定橫軸的標題。

類型: string
預設值: null
hAxis.titleTextStyle

這個物件會指定水平軸標題文字樣式。物件格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任何 HTML 顏色字串,例如:'red''#00cc00'。另請參閱 fontNamefontSize

類型: object
預設值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定橫軸的裁剪範圍。

類型: object
預設值: null
hAxis.viewWindow.max

要算繪的最大水平資料值。

如果 hAxis.viewWindowMode'pretty''maximized',系統會忽略這項設定。

類型: number
預設值:auto
hAxis.viewWindow.min

要算繪的最小水平資料值。

如果 hAxis.viewWindowMode'pretty''maximized',系統會忽略這項設定。

類型: number
預設值:auto
高度

圖表高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
isStacked

如果設為 true,則會堆疊每個網域值的所有序列元素。 注意:在「Column」(直條)、「Area」(區域) 和「SteppedArea」(階梯式區域)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 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto
vAxis.viewWindow.min

要算繪的最低垂直資料值。

如果 vAxis.viewWindowMode 為「pretty」或「maximized」,系統會忽略此屬性。

類型: number
預設值:auto
寬度

圖表的寬度 (以像素為單位)。

類型: number
預設值:包含元素的寬度

表格圖設定選項

名稱
alternatingRowStyle

判斷是否要為奇數和偶數列指派交替顏色樣式。

類型: boolean
預設值: true
高度

圖表高度 (以像素為單位)。

類型: number
預設值:包含元素的高度
page

是否要透過資料啟用分頁功能,以及啟用方式。請選擇下列其中一個 string 值:

  • 'enable' - 資料表會包含「下一頁」和「上一頁」按鈕。按一下這些按鈕會執行分頁作業,並變更顯示的頁面。您可能也想設定 pageSize 選項。
  • 'event' - 表格會包含「下一頁」和「上一頁」按鈕,但點選這些按鈕會觸發 'page' 事件,不會變更顯示的頁面。如果程式碼實作了自己的換頁邏輯,就應使用這個選項。如要瞭解如何手動處理分頁事件,請參閱 TableQueryWrapper 範例
  • 'disable' - [預設] 不支援分頁。
  • 類型: string
    預設值: 'disable'
pageSize

啟用分頁功能時,每頁的列數。

類型: 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>}