グラフ構成オプション

グラフの種類

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

名前
色

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

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

ズーム範囲の選択領域（グラフの下部にある領域）を表示するかどうかを指定します。false の場合は表示しません。

ズームセレクタの枠線は、グラフの最初の系列の対数スケール バージョンで、ズームセレクタの高さに合わせてスケーリングされます。

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

ズームボタンを表示するかどうかを指定します（「1d 5d 1m」など）。false は「いいえ」を意味します。

タイプ: boolean
デフォルト: true
最高

Y 軸に表示する最大値。最大データポイントがこの値を超えている場合、この設定は無視され、最大データポイントの上に次の大きな目盛りを表示するようにグラフが調整されます。これは、scaleType によって決定される Y 軸の最大値よりも優先されます。

これはコアグラフの maxValue に似ています。

タイプ: number
デフォルト: 自動
分

Y 軸に表示する最小値。最小データポイントがこの値より小さい場合、この設定は無視され、最小データポイントの下に次の大きな目盛りを表示するようにグラフが調整されます。これは、scaleType によって決定される Y 軸の最小値よりも優先されます。

これはコアグラフの minValue に似ています。

タイプ: number
デフォルト: 自動

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

名前
areaOpacity

面グラフシリーズの色付き領域のデフォルトの不透明度。0.0 は完全な透明、1.0 は完全に不透明です。個々の系列の不透明度を指定するには、series プロパティに areaOpacity 値を設定します。

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

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

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

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

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

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

true に設定すると、ドメイン値ごとにすべての系列の要素がスタックされます。注: Column、Area、SteppedArea グラフでは、系列要素の積み重ねに合わせて凡例の順序を逆にします（たとえば、系列 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動

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

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

種類:string
デフォルト: 'white'
chartArea

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

種類: 数値または string
デフォルト: 自動
色

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

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

グラフに複数の横軸がある場合、個々の横軸のプロパティを指定します。それぞれの子オブジェクトは hAxis オブジェクトであり、hAxis でサポートされているすべてのプロパティを含むことができます。これらのプロパティ値は、同じプロパティのグローバル設定をオーバーライドします。

複数の横軸があるグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に hAxes を使用して軸を構成します。次の例では、系列 1 を下部の軸に割り当て、カスタム タイトルとテキスト スタイルを指定しています。

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

このプロパティは、オブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションであり、それぞれに定義する軸を示す数値ラベルが付けられています。これは上記の形式です。配列は、軸ごとに 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

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

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

true に設定すると、ドメイン値ごとにすべての系列の要素がスタックされます。注: Column、Area、SteppedArea グラフでは、系列要素の積み重ねに合わせて凡例の順序を逆にします（たとえば、系列 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動

バブルチャートの構成オプション

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

タイプ: 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

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

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

オブジェクトのオブジェクト。キーはシリーズ名（[Color] 列の値）で、各オブジェクトはグラフ内の対応する系列の形式を表します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートしています。

  • 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動

カレンダーの構成オプション

名前
height

ピクセル単位のグラフの高さです。

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

ピクセル単位のグラフの幅です。

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

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

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

タイプ: 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動

縦棒グラフの構成オプション

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

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

true に設定すると、ドメイン値ごとにすべての系列の要素がスタックされます。注: Column、Area、SteppedArea グラフでは、系列要素の積み重ねに合わせて凡例の順序を逆にします（たとえば、系列 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動

複合グラフの構成オプション

名前
areaOpacity

面グラフシリーズの色付き領域のデフォルトの不透明度。0.0 は完全な透明、1.0 は完全に不透明です。個々の系列の不透明度を指定するには、series プロパティに areaOpacity 値を設定します。

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

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

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

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

  • 'none' - 曲線のない直線。
  • 'function' - 線の角度が滑らかになります。
種類:string
デフォルト: 「なし」
hAxis

さまざまな横軸の要素を設定するためのメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、以下に示すようにオブジェクト リテラル表記を使用します。 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
タイプ: object
デフォルト: null
hAxis.direction

横軸の値が増加する方向。値の順序を逆にするには、-1 を指定します。

タイプ: 1 または -1
デフォルト: 1
hAxis.gridlines

横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。このオブジェクトのプロパティを指定するには、以下に示すようにオブジェクト リテラル表記を使用します。 

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

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

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

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

タイプ: string
デフォルト: '#CCC'
hAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数値を指定すると、その数値を使用してグリッド線間の minSpacing が計算されます。グリッド線を 1 本だけ描画する場合は 1 を指定し、グリッド線を描画しない場合は 0 を指定します。その他のオプションに基づいてグリッド線の数を自動的に計算するには、-1 を指定します（デフォルト）。

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

横軸を対数目盛にする hAxis プロパティ（すべての値を正数にする必要があります）。はいの場合は、true に設定します。

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

タイプ: boolean
デフォルト: false
hAxis.maxValue

横軸の最大値を指定された値に移動します。これはほとんどのグラフでは右になります。これがデータの最大 x 値より小さい値に設定されている場合は無視されます。hAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.minorGridlines

副グリッド線を横軸に設定するメンバーを含むオブジェクト。hAxis.gridlines オプションと同様。

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

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

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

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

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

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

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

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

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

true に設定すると、ドメイン値ごとにすべての系列の要素がスタックされます。注: Column、Area、SteppedArea グラフでは、系列要素の積み重ねに合わせて凡例の順序を逆にします（たとえば、系列 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動

ゲージの構成オプション

名前
greenColor

HTML の色表記で緑のセクションに使用する色。

タイプ: string
デフォルト: '#109618'
greenFrom

緑色で示された範囲の最小値。

タイプ: number
デフォルト: なし
greenTo

緑色で示された範囲の最高値。

タイプ: number
デフォルト: なし
height

ピクセル単位のグラフの高さです。

タイプ: number
デフォルト: コンテナの幅
最高

Y 軸に表示する最大値。最大データポイントがこの値を超えている場合、この設定は無視され、最大データポイントの上に次の大きな目盛りを表示するようにグラフが調整されます。これは、scaleType によって決定される Y 軸の最大値よりも優先されます。

これはコアグラフの maxValue に似ています。

タイプ: number
デフォルト: 自動
分

Y 軸に表示する最小値。最小データポイントがこの値より小さい場合、この設定は無視され、最小データポイントの下に次の大きな目盛りを表示するようにグラフが調整されます。これは、scaleType によって決定される Y 軸の最小値よりも優先されます。

これはコアグラフの minValue に似ています。

タイプ: number
デフォルト: 自動
redColor

HTML の色表記で赤のセクションに使用する色。

タイプ: string
デフォルト: '#DC3912'
redFrom

赤色でマークされた範囲の最小値。

タイプ: number
デフォルト: なし
redTo

赤色で示される範囲の最高値。

タイプ: number
デフォルト: なし
width

ピクセル単位のグラフの幅です。

タイプ: number
デフォルト: コンテナの幅
yellowColor

HTML の色表記で黄色のセクションに使用する色。

タイプ: string
デフォルト: '#FF9900'
yellowFrom

黄色で示された範囲の最小値。

タイプ: number
デフォルト: なし
yellowTo

黄色で示された範囲の最高値。

タイプ: number
デフォルト: なし

マップチャートの設定オプション

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

ピクセル単位のグラフの高さです。

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

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

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

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

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

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

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

ジオチャートに表示する領域。周辺エリアも表示されます。以下のいずれかになります。

  • 'world' - 全世界のジオチャート。
  • 3 桁のコードで指定される大陸または亜大陸。例:西アフリカの場合は '011'。
  • ISO 3166-1 alpha-2 コードで指定された国。例:オーストラリアの場合は 'AU'。
  • ISO 3166-2:US コードで指定される米国の州。例:アラバマの場合は 'US-AL'。resolution オプションは、'provinces' または 'metros' に設定する必要があります。
タイプ: string
デフォルト: 「world」
width

ピクセル単位のグラフの幅です。

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

ヒストグラム構成オプション

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

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

各ヒストグラム バーのサイズは、アルゴリズムによって決定するのではなく、ハードコードしてください。

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

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

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

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

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

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

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

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

true に設定すると、ドメイン値ごとにすべての系列の要素がスタックされます。注: Column、Area、SteppedArea グラフでは、系列要素の積み重ねに合わせて凡例の順序を逆にします（たとえば、系列 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
width

ピクセル単位のグラフの幅です。

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

折れ線グラフの構成オプション

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

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

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

  • 'none' - 曲線のない直線。
  • 'function' - 線の角度が滑らかになります。
タイプ: string
デフォルト: 「なし」
hAxis

さまざまな横軸の要素を設定するためのメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、以下に示すようにオブジェクト リテラル表記を使用します。 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
タイプ: object
デフォルト: null
hAxis.direction

横軸の値が増加する方向。値の順序を逆にするには、-1 を指定します。

タイプ: 1 または -1
デフォルト: 1
hAxis.gridlines

横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。このオブジェクトのプロパティを指定するには、以下に示すようにオブジェクト リテラル表記を使用します。 

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

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

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

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

タイプ: string
デフォルト: '#CCC'
hAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数値を指定すると、その数値を使用してグリッド線間の minSpacing が計算されます。グリッド線を 1 本だけ描画する場合は 1 を指定し、グリッド線を描画しない場合は 0 を指定します。その他のオプションに基づいてグリッド線の数を自動的に計算するには、-1 を指定します（デフォルト）。

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

横軸を対数目盛にする hAxis プロパティ（すべての値を正数にする必要があります）。はいの場合は、true に設定します。

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

タイプ: boolean
デフォルト: false
hAxis.maxValue

横軸の最大値を指定された値に移動します。これはほとんどのグラフでは右になります。これがデータの最大 x 値より小さい値に設定されている場合は無視されます。hAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.minorGridlines

副グリッド線を横軸に設定するメンバーを含むオブジェクト。hAxis.gridlines オプションと同様。

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

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

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

種類:string
デフォルト: グリッド線と背景色の混合
hAxis.minorGridlines.count

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

タイプ: 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動

組織図の構成オプション

名前
色

組織図の要素の背景色。

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

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

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

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

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

円グラフの設定オプション

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

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

ピクセル単位のグラフの高さです。

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

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

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

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

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

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

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

  • 'none' - 曲線のない直線。
  • 'function' - 線の角度が滑らかになります。
種類:string
デフォルト: 「なし」
hAxis

さまざまな横軸の要素を設定するためのメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、以下に示すようにオブジェクト リテラル表記を使用します。 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
タイプ: object
デフォルト: null
hAxis.direction

横軸の値が増加する方向。値の順序を逆にするには、-1 を指定します。

タイプ: 1 または -1
デフォルト: 1
hAxis.gridlines

横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。このオブジェクトのプロパティを指定するには、以下に示すようにオブジェクト リテラル表記を使用します。 

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

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

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

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

タイプ: string
デフォルト: '#CCC'
hAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数値を指定すると、その数値を使用してグリッド線間の minSpacing が計算されます。グリッド線を 1 本だけ描画する場合は 1 を指定し、グリッド線を描画しない場合は 0 を指定します。その他のオプションに基づいてグリッド線の数を自動的に計算するには、-1 を指定します（デフォルト）。

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

横軸を対数目盛にする hAxis プロパティ（すべての値を正数にする必要があります）。はいの場合は、true に設定します。

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

タイプ: boolean
デフォルト: false
hAxis.maxValue

横軸の最大値を指定された値に移動します。これはほとんどのグラフでは右になります。これがデータの最大 x 値より小さい値に設定されている場合は無視されます。hAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.minorGridlines

副グリッド線を横軸に設定するメンバーを含むオブジェクト。hAxis.gridlines オプションと同様。

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

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

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

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

minorGridlines.count オプションはほとんどが非推奨になりました。ただし、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔（hAxis.gridlines.interval を参照）と必要最小限のスペース（hAxis.minorGridlines.minSpacing を参照）に完全に依存するようになりました。

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

横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

タイプ: 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動

階段面グラフの構成オプション

名前
areaOpacity

面グラフシリーズの色付き領域のデフォルトの不透明度。0.0 は完全な透明、1.0 は完全に不透明です。個々の系列の不透明度を指定するには、series プロパティに areaOpacity 値を設定します。

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

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

グラフ領域（軸と凡例を除く、グラフ自体が表示される場所）の配置とサイズを設定するメンバーを含むオブジェクト。サポートされる形式は、数字または数字のあと % の 2 つです。単純な数字はピクセル単位の値で、数字の後の % はパーセンテージです。例: 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
デフォルト: 自動
chartArea.left

グラフの左枠線からの距離。

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

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

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

グラフ領域の幅。

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

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

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

さまざまな横軸の要素を設定するためのメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、以下に示すようにオブジェクト リテラル表記を使用します。 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
タイプ: object
デフォルト: null
hAxis.direction

横軸の値が増加する方向。値の順序を逆にするには、-1 を指定します。

タイプ: 1 または -1
デフォルト: 1
hAxis.textPosition

グラフ領域を基準とする横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

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

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

color には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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
デフォルト: 自動
hAxis.viewWindow.min

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

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

タイプ: number
デフォルト: 自動
height

ピクセル単位のグラフの高さです。

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

true に設定すると、ドメイン値ごとにすべての系列の要素がスタックされます。注: Column、Area、SteppedArea グラフでは、系列要素の積み重ねに合わせて凡例の順序を逆にします（たとえば、系列 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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 つの宣言は同一であり、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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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 には、任意の HTML カラー文字列（'red'、'#00cc00' など）を指定できます。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

minorGridlines.count オプションのほとんどは非推奨になりましたが、カウントを 0 に設定してマイナー グリッド線を無効化する点が異なります。補助グリッド線の数は、主グリッド線の間隔と、必要な最小スペースによって異なります。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定の値に移動します。これは、ほとんどのグラフで下方になります。データの最小 y 値より大きい値に設定されている場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域を基準とする縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

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

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

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

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

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

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

レンダリングする最大垂直データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
vAxis.viewWindow.min

レンダリングする垂直方向の最小データ値。

vAxis.viewWindowMode が「プリティ」または「最大化」の場合は無視されます。

タイプ: number
デフォルト: 自動
width

ピクセル単位のグラフの幅です。

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

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

名前
alternatingRowStyle

奇数行と偶数行に交互のカラースタイルを割り当てるかどうかを指定します。

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

ピクセル単位のグラフの高さです。

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

ピクセル単位のグラフの幅です。

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

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

名前
backgroundColor

グラフのメインエリアの背景色。単純な HTML カラー文字列（'red'、'#00cc00' など）か、次のプロパティを持つオブジェクトのいずれかです。

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

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

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

ピクセル単位のグラフの高さです。

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

ピクセル単位のグラフの幅です。

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

ツリーマップの構成オプション

名前
headerColor

各ノードのヘッダー セクションの色。HTML カラー値を指定します。

タイプ: string
デフォルト: #988f86
maxColor

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

タイプ: string
デフォルト: #00dd00
maxDepth

現在のビューに表示するノードレベルの最大数。レベルは現在のプレーンに合わせてフラット化されます。ツリーにこれよりも多くのレベルがある場合、表示するには、上下に移動する必要があります。また、その下には maxPostDepth レベルがノード内に色付きの長方形として表示されます。

タイプ: number
デフォルト: 1
maxPostDepth

maxDepth より後のノードのレベル数で、「ヒント」形式で表示する。ヒント付きのノードは、maxDepth の上限内のノード内に色付きの長方形で表示されます。

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

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

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

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

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

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

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

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

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

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

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

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