グラフ構成オプション

グラフの種類

アノテーション グラフの構成オプション

名前
色

グラフの要素に使用する色。文字列の配列。各要素は 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 値を設定します。

タイプ: number、0.0- 1.0
デフォルト: 0.3
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。注: 列グラフ、エリアグラフ、SteppedArea グラフでは、Google Charts では、系列要素のスタックに合わせて凡例の項目の順序が逆になっています（たとえば、系列 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 型のデータ値のみをサポートし、ベースラインは 0 にする必要があります。

タイプ: boolean/string
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左側の軸に series が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、軸ごとに異なる系列がレンダリングされるグラフを定義します。デフォルトの軸に少なくとも 1 つの系列を割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列に凡例エントリがあることを意味し、false は存在しないことを意味します。デフォルトは true です。

指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、各子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ:string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: 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'}}}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。注: 列グラフ、エリアグラフ、SteppedArea グラフでは、Google Charts では、系列要素のスタックに合わせて凡例の項目の順序が逆になっています（たとえば、系列 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 型のデータ値のみをサポートし、ベースラインは 0 にする必要があります。

タイプ: boolean/string
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、オプション targetAxisIndex: 1 を使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、軸ごとに異なる系列がレンダリングされるグラフを定義します。デフォルトの軸に少なくとも 1 つの系列を割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列に凡例エントリがあることを意味し、false は存在しないことを意味します。デフォルトは true です。

指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、各子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

トレンドライン の色。英語の色名または 16 進文字列で表します。

タイプ: string
デフォルト: デフォルトのシリーズの色
trendlines.n.degree

type: 'polynomial' の トレンドライン の場合、多項式の次数（二次の場合は 2、3 次の場合は 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
bubble

バブルの視覚的プロパティを設定するメンバーを持つオブジェクト。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、オプション targetAxisIndex: 1 を使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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
デフォルト: 含まれる要素の幅

ローソク足チャートの構成オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、オプション targetAxisIndex: 1 を使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、軸ごとに異なる系列がレンダリングされるグラフを定義します。デフォルトの軸に少なくとも 1 つの系列を割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列に凡例エントリがあることを意味し、false は存在しないことを意味します。デフォルトは true です。

指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、各子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
Type: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。注: 列グラフ、エリアグラフ、SteppedArea グラフでは、Google Charts では、系列要素のスタックに合わせて凡例の項目の順序が逆になっています（たとえば、系列 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 型のデータ値のみをサポートし、ベースラインは 0 にする必要があります。

タイプ: boolean/string
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、軸ごとに異なる系列がレンダリングされるグラフを定義します。デフォルトの軸に少なくとも 1 つの系列を割り当てる必要があります。軸ごとに異なるスケールを定義できます。

指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、各子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

トレンドライン の色。英語の色名または 16 進文字列で表します。

タイプ: string
デフォルト: デフォルトのシリーズの色
trendlines.n.degree

type: 'polynomial' の トレンドライン の場合、多項式の次数（二次の場合は 2、3 次の場合は 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 値を設定します。

タイプ: number、0.0- 1.0
デフォルト: 0.3
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: auto
色

グラフの要素に使用する色。文字列の配列。各要素は HTML カラー文字列です（例: colors:['red','#004411']）。

型: 文字列の配列
デフォルト: デフォルトの色
curveType

ライン幅が 0 でない場合のラインの曲線を制御します。 次のいずれか 1 つを指定できます。

  • '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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。注: 列グラフ、エリアグラフ、SteppedArea グラフでは、Google Charts では、系列要素のスタックに合わせて凡例の項目の順序が逆になっています（たとえば、系列 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 型のデータ値のみをサポートし、ベースラインは 0 にする必要があります。

タイプ: boolean/string
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、軸ごとに異なる系列がレンダリングされるグラフを定義します。デフォルトの軸に少なくとも 1 つの系列を割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • type - このシリーズのマーカーのタイプ。有効な値は、「line」、「area」、「bars」、「steppedArea」です。バーは実際には縦棒（列）です。デフォルト値は、グラフの seriesType オプションで指定します。
  • visibleInLegend - boolean 値。true は系列に凡例エントリがあることを意味し、false は存在しないことを意味します。デフォルトは true です。

指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、各子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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
デフォルト: なし

Geochart の設定オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
datalessRegionColor

関連データがないリージョンに割り当てる色。

タイプ: string
デフォルト: '#F5F5F5'
defaultColor

場所（例:'US' ）が存在していますが、値が null であるか、指定されていません。これは、データが欠落している場合に使用される色である datalessRegionColor とは異なります。

タイプ: string
デフォルト: '#267114'
displayMode

ジオチャートのタイプです。DataTable の形式は、指定した値と一致している必要があります。次の値を使用できます。

  • 'auto' - DataTable の形式に基づいて選択します。
  • 'regions' - ジオチャート上の地域に色を付けます。
  • 'markers' - 領域にマーカーを配置します。
  • 'text' - DataTable のテキストでリージョンにラベルを付けます。
タイプ: string
デフォルト: 「auto」
身長

グラフの高さ（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の高さ
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
地域

ジオチャートに表示する領域。周囲のエリアも表示されます。次のいずれか 1 つを指定できます。

  • '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' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object/div>
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: 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 つのグリッド線のみを描画する場合は 1 の値、描画しない場合は 0 の値を指定します。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

タイプ: number
デフォルト: -1
hAxis.minorGridlines

横軸の副グリッド線を構成するメンバーを持つオブジェクト（hAxis.gridlines オプションと同様）。

このオプションは、continuous 軸でのみサポートされています。

タイプ: object
デフォルト: null
hAxis.minorGridlines.color

グラフ領域内の水平の副グリッド線の色。有効な HTML カラー文字列を指定します。

タイプ: string
デフォルト: グリッド線と背景色の組み合わせ
hAxis.minorGridlines.count

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

横軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
hAxis.viewWindow.max

レンダリングする水平方向データの最大値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
hAxis.viewWindow.min

レンダリングする水平データの最小値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
身長

グラフの高さ（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の高さ
histogram.bucketSize

アルゴリズムで決定するのではなく、各ヒストグラム バーのサイズをハードコードします。

タイプ: number
デフォルト: auto
histogram.hideBucketItems

ヒストグラムのブロック間の細い分割を省略して、一連の実線の棒にします。

タイプ: boolean
デフォルト: false
histogram.lastBucketPercentile

ヒストグラムのバケットサイズを計算するときは、上下の lastBucketPercentile パーセントは無視されます。値は引き続きヒストグラムに含まれますが、バケット化には影響しません。

タイプ: number
デフォルト: 0
interpolateNulls

欠点の値を推測するかどうか。true の場合は、隣接するポイントに基づいて欠損データの値を推測します。false の場合、行の不明な位置で改行を残します。

これは、isStacked: true/'percent'/'relative'/'absolute' オプションを含む面グラフではサポートされていません。

タイプ: boolean
デフォルト: false
isStacked

true に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。注: 列グラフ、エリアグラフ、SteppedArea グラフでは、Google Charts では、系列要素のスタックに合わせて凡例の項目の順序が逆になっています（たとえば、系列 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 型のデータ値のみをサポートし、ベースラインは 0 にする必要があります。

タイプ: boolean/string
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、オプション targetAxisIndex: 1 を使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、軸ごとに異なる系列がレンダリングされるグラフを定義します。デフォルトの軸に少なくとも 1 つの系列を割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列に凡例エントリがあることを意味し、false は存在しないことを意味します。デフォルトは true です。

指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、各子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: auto
色

グラフの要素に使用する色。文字列の配列。各要素は HTML カラー文字列です（例: colors:['red','#004411']）。

型: 文字列の配列
デフォルト: デフォルトの色
curveType

ライン幅が 0 でない場合のラインの曲線を制御します。 次のいずれか 1 つを指定できます。

  • '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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、オプション targetAxisIndex: 1 を使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、軸ごとに異なる系列がレンダリングされるグラフを定義します。デフォルトの軸に少なくとも 1 つの系列を割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列に凡例エントリがあることを意味し、false は存在しないことを意味します。デフォルトは true です。

指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、各子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

トレンドライン の色。英語の色名または 16 進文字列で表します。

タイプ: string
デフォルト: デフォルトのシリーズの色
trendlines.n.degree

type: 'polynomial' の トレンドライン の場合、多項式の次数（二次の場合は 2、3 次の場合は 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

組織図の構成オプション

名前
color

組織図要素の背景色。

タイプ: string
デフォルト: '#edf7ff'
selectionColor

選択した組織図要素の背景色。

タイプ: string
デフォルト: '#d6e9f8'
サイズ

グラフ全体のサイズ。'small'、'medium'、'large' を指定できます。

タイプ: string
デフォルト: 'medium'

円グラフの構成オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: auto
色

グラフの要素に使用する色。文字列の配列。各要素は HTML カラー文字列です（例: colors:['red','#004411']）。

型: 文字列の配列
デフォルト: デフォルトの色
身長

グラフの高さ（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の高さ
is3D

true の場合、3 次元グラフを表示します。

タイプ: boolean
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、オプション targetAxisIndex: 1 を使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

0～1 の場合、ドーナツグラフを表示します。穴の半径は、チャートの半径の number 倍です。

タイプ: number
デフォルト: 0
pieSliceBorderColor

スライスの枠線の色。グラフが 2 次元の場合にのみ適用されます。

タイプ: string
デフォルト: 'white'
pieSliceText

スライスに表示されるテキストの内容。次のいずれか 1 つを指定できます。

  • 'percentage' - 合計に対するスライスサイズの割合。
  • 'value' - スライスの定量値。
  • 'label' - スライスの名前。
  • 'none' - テキストは表示されません。
タイプ: string
デフォルト: 'percentage'
pieSliceTextStyle

スライスのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true に設定すると、右から左に系列が描画されます。デフォルトでは、左から右に描画されます。

このオプションは、discrete major 軸でのみサポートされています。

タイプ: boolean
デフォルト: false
slices.color

このスライスに使用する色。

タイプ: string
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

散布図の構成オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ:string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: auto
色

グラフの要素に使用する色。文字列の配列。各要素は HTML カラー文字列です（例: colors:['red','#004411']）。

型: 文字列の配列
デフォルト: デフォルトの色
curveType

ライン幅が 0 でない場合のラインの曲線を制御します。 次のいずれか 1 つを指定できます。

  • '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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔（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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、オプション targetAxisIndex: 1 を使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top'- グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 です。

指定した順序で系列に適用されるオブジェクトの配列を指定することも、各子にどの系列を適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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

トレンドライン の色。英語の色名または 16 進文字列で表します。

タイプ: string
デフォルト: デフォルトのシリーズの色
trendlines.n.degree

type: 'polynomial' の トレンドライン の場合、多項式の次数（二次の場合は 2、3 次の場合は 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 値を設定します。

タイプ: number、0.0- 1.0
デフォルト: 0.3
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ自体が描画される場所。軸と凡例を除く）の配置とサイズを構成するメンバーを持つオブジェクト。サポートされている形式は、数字、または数字の後に % が続く形式です。単純な数字はピクセル単位の値で、数字の後に % を続けるとパーセンテージになります。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数文字列（例:'#fdc' など）または英語の色の名前。オブジェクトを使用する場合は、次のプロパティを指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定した幅（stroke の色）でグラフ領域の周囲に枠線が描画されます。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。注: 列グラフ、エリアグラフ、SteppedArea グラフでは、Google Charts では、系列要素のスタックに合わせて凡例の項目の順序が逆になっています（たとえば、系列 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 型のデータ値のみをサポートし、ベースラインは 0 にする必要があります。

タイプ: boolean/ string
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。そのため、左側の凡例が必要な場合は、オプション targetAxisIndex: 1 を使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 に設定すると、軸ごとに異なる系列がレンダリングされるグラフを定義します。デフォルトの軸に少なくとも 1 つの系列を割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列に凡例エントリがあることを意味し、false は存在しないことを意味します。デフォルトは true です。

指定された順序で系列に適用されるオブジェクトの配列を指定することも、それぞれの子にどの系列を適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列は凡例に黒く、凡例に存在しない 4 番目は赤色で、凡例に存在しないと宣言しています。

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、グラフの特定の動作や視覚効果を実現するために連携して機能する、事前定義されたオプション値のセットです。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

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

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集まりであり、各オブジェクトには、定義する軸を指定する数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の 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 つのグリッド線のみを描画する場合は 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

カウントを 0 に設定してマイナー グリッドラインを無効にする場合を除き、minorGridlines.count オプションはほぼ非推奨となりました。マイナー グリッド線の数は、メジャー グリッド線の間隔と必要最小スペースによって異なります。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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
sort

ユーザーが列見出しをクリックしたときに列を並べ替えるかどうかとその方法。並べ替えが有効になっている場合は、sortAscending プロパティと sortColumn プロパティも設定することを検討してください。次のいずれかの string 値を選択します。

  • 'enable' - [デフォルト] ユーザーは列ヘッダーをクリックして、クリックされた列で並べ替えることができます。ユーザーが列ヘッダーをクリックすると、行が自動的に並べ替えられ、'sort' イベントがトリガーされます。
  • 'event' - ユーザーが列ヘッダーをクリックすると、'sort' イベントがトリガーされますが、行が自動的に並べ替えられることはありません。このオプションは、ページに独自の並べ替えを実装している場合に使用します。イベントを手動で並べ替える方法の例については、TableQueryWrapper の例をご覧ください。
  • 'disable'- 列ヘッダーをクリックしても効果はありません。
タイプ: string
デフォルト: 'enable'
sortAscending

最初の並べ替え列が並べ替えられる順序。昇順の場合は True、降順の場合は false です。sortColumn が指定されていない場合は無視されます。

タイプ: boolean
デフォルト: true
sortColumn

テーブルが最初に並べ替えられるときに、データテーブル内の列のインデックスになります。列には、並べ替え順序を示す小さな矢印が表示されます。

タイプ: number
デフォルト: -1
幅

グラフの幅（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の幅

タイムライン構成オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: '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

maxColorValue と minColorValue の中間に列 3 の値がある長方形の色。HTML のカラー値を指定します。

タイプ: string
デフォルト: #000000
minColor

列 3 の値が minColorValue の長方形の色。HTML のカラー値を指定します。

タイプ: string
デフォルト: #dd0000
noColor

ノードが 3 列目に値がなく、そのノードがリーフである（またはリーフのみを含む）場合に、長方形に使用する色。HTML のカラー値を指定します。

タイプ: string
デフォルト: #000000
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: 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 には、'red' や '#00cc00' などの任意の HTML カラー文字列を指定できます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}