グラフ構成オプション

グラフの種類

メモグラフの構成オプション

名前

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

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

ズーム範囲選択エリア(グラフの下部のエリア)を表示するかどうか。false は表示しないことを意味します。

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

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

ズームボタン(「1d 5d 1m」など)を表示するかどうか。false は表示しないことを意味します。

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

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

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

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

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

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

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

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

名前
areaOpacity

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

タイプ: number0.0- 1.0
デフォルト: 0.3
backgroundColor

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

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis プロパティ。横軸を対数スケールにします(すべての値が正である必要があります)。「はい」の場合は true に設定します。

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

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

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

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
interpolateNulls

欠損値のポイントを推測するかどうか。true の場合、欠損データの値は近傍のポイントに基づいて推測されます。false の場合、不明なポイントで改行されます。

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

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

true に設定すると、各ドメイン値のすべての系列の要素が積み重ねられます。注: ColumnAreaSteppedArea のグラフでは、凡例項目の順序が逆になります。これは、系列要素の積み重ねに対応するためです(たとえば、系列 0 は一番下の凡例項目になります)。この機能は棒グラフには適用されません。

isStacked オプションは、100% 積み上げもサポートしています。この場合、各ドメイン値の要素のスタックは、合計が 100% になるように再スケーリングされます。

isStacked のオプションは次のとおりです。

  • false - 要素はスタックされません。これがデフォルトのオプションです。
  • true - 各ドメイン値のすべての系列の要素を積み重ねます。
  • 'percent' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 100% になるように再スケーリングします。各要素の値は 100% の割合として計算されます。
  • 'relative' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 1 になるように再スケーリングします。各要素の値は 1 の分数として計算されます。
  • 'absolute' - isStacked: true と同じように機能します。

100% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。

ターゲット軸の目盛り値は、'relative' の場合は 1 の分数として 0 ~ 1 の相対スケール、'percent' の場合は 0 ~ 100% に基づいてデフォルト設定されます(注: 'percent' オプションを使用すると、軸/目盛り値はパーセンテージで表示されますが、実際の値は 0 ~ 1 の相対スケール値です)。これは、パーセンテージ軸の目盛りが、相対的な 0 ~ 1 のスケール値に「#.##%」の形式を適用した結果であるためです。isStacked: 'percent' を使用する場合は、相対的な 0 ~ 1 のスケール値を使用して、目盛りやグリッド線を指定してください。適切な hAxis/vAxis オプションを使用して、グリッド線/目盛りの値と書式設定をカスタマイズできます。

100% 積み上げは number 型のデータ値のみをサポートし、ベースラインはゼロである必要があります。

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

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

データラインの幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。series プロパティを使用して、個々のシリーズの値をオーバーライドできます。

タイプ: number
デフォルト: 2
pointShape

個々のデータ要素の形状: 'circle''triangle''square''diamond''star''polygon'。例については、 ポイントのドキュメント をご覧ください。

タイプ: string
デフォルト: 'circle'
pointSize

表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。series プロパティを使用して、個々の系列の値をオーバーライドできます。

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

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

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

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • annotations - この系列の注釈に適用するオブジェクト。これは、たとえば、シリーズの textStyle を制御するために使用できます。

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

    カスタマイズ可能な項目の詳細なリストについては、さまざまな annotations オプションをご覧ください。

  • areaOpacity - このシリーズのグローバル areaOpacity をオーバーライドします。
  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • lineDashStyle - この系列のグローバル lineDashStyle 値をオーバーライドします。
  • lineWidth - この系列のグローバル lineWidth 値をオーバーライドします。
  • pointShape - この系列のグローバル pointShape 値をオーバーライドします。
  • pointSize - この系列のグローバル pointSize 値をオーバーライドします。
  • pointsVisible - この系列のグローバル pointsVisible 値をオーバーライドします。
  • targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対側の軸です。デフォルト値は 0 です。1 に設定すると、異なる系列が異なる軸に対してレンダリングされるグラフを定義します。少なくとも 1 つの系列をデフォルトの軸に割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。また、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列を黒色で凡例に表示せず、4 番目の系列を赤色で凡例に表示しないように宣言します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、グラフは列をテキスト列として扱います。

タイプ: boolean
useFirstColumnAsDomain

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

名前
backgroundColor

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

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 1 つのオブジェクトがあります。たとえば、次の配列形式の表記は、上記の hAxis オブジェクトと同じです。

 hAxes: {   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {       color: 'red'     }   } // Axis 1     
タイプ: オブジェクトの配列、または子オブジェクトを含むオブジェクト
デフォルト: null
hAxis

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis プロパティ。横軸を対数スケールにします(すべての値が正である必要があります)。「はい」の場合は true に設定します。

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

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

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

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
isStacked

true に設定すると、各ドメイン値のすべての系列の要素が積み重ねられます。注: ColumnAreaSteppedArea のグラフでは、凡例項目の順序が逆になります。これは、系列要素の積み重ねに対応するためです(たとえば、系列 0 は一番下の凡例項目になります)。この機能は棒グラフには適用されません。

isStacked オプションは、100% 積み上げもサポートしています。この場合、各ドメイン値の要素のスタックは、合計が 100% になるように再スケーリングされます。

isStacked のオプションは次のとおりです。

  • false - 要素はスタックされません。これがデフォルトのオプションです。
  • true - 各ドメイン値のすべての系列の要素を積み重ねます。
  • 'percent' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 100% になるように再スケーリングします。各要素の値は 100% の割合として計算されます。
  • 'relative' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 1 になるように再スケーリングします。各要素の値は 1 の分数として計算されます。
  • 'absolute' - isStacked: true と同じように機能します。

100% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。

ターゲット軸の目盛り値は、'relative' の場合は 1 の分数として 0 ~ 1 の相対スケール、'percent' の場合は 0 ~ 100% に基づいてデフォルト設定されます(注: 'percent' オプションを使用すると、軸/目盛り値はパーセンテージで表示されますが、実際の値は 0 ~ 1 の相対スケール値です)。これは、パーセンテージ軸の目盛りが、相対的な 0 ~ 1 のスケール値に「#.##%」の形式を適用した結果であるためです。isStacked: 'percent' を使用する場合は、相対的な 0 ~ 1 のスケール値を使用して、目盛りやグリッド線を指定してください。適切な hAxis/vAxis オプションを使用して、グリッド線/目盛りの値と書式設定をカスタマイズできます。

100% 積み上げは number 型のデータ値のみをサポートし、ベースラインはゼロである必要があります。

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

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

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

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

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • annotations - この系列の注釈に適用するオブジェクト。これは、たとえば、シリーズの textStyle を制御するために使用できます。

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

    カスタマイズ可能な項目の詳細なリストについては、さまざまな annotations オプションをご覧ください。

  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対側の軸です。デフォルト値は 0 です。1 に設定すると、異なる系列が異なる軸に対してレンダリングされるグラフを定義します。少なくとも 1 つの系列をデフォルトの軸に割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。ここで、true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。また、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列を黒色で凡例に表示せず、4 番目の系列を赤色で凡例に表示しないように宣言します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

トレンドラインをサポートするグラフに トレンドライン を表示します。デフォルトでは linear トレンドラインが使用されますが、trendlines.n.type オプションでカスタマイズできます。

トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは次のようになります。

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     
タイプ: object
デフォルト: null
trendlines.n.color

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

タイプ: string
デフォルト: デフォルトの系列の色
trendlines.n.degree

type: 'polynomial' トレンドライン の場合、多項式の次数(二次の場合は 2、三次の場合は 3 など)。

タイプ: number
デフォルト: 3
trendlines.n.labelInLegend

設定すると、 トレンドライン がこの文字列として凡例に表示されます。

タイプ: string
デフォルト: null
trendlines.n.lineWidth

トレンドラインの線の幅(ピクセル単位)。

タイプ: number
デフォルト: 2
trendlines.n.type

トレンドライン 'linear'(デフォルト)、'exponential''polynomial' のいずれであるか。

タイプ: string
デフォルト: linear
trendlines.n.visibleInLegend

トレンドライン の式を凡例に表示するかどうか。これは、トレンドラインのツールチップに表示されます。

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

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxis

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

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

縦軸に沿って値が増加する方向。デフォルトでは、低い値はグラフの下部に表示されます。値の順序を逆にするには、-1 を指定します。

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

垂直軸のグリッド線を構成するメンバーを含むオブジェクト。縦軸のグリッド線は横方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の縦のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

名前
backgroundColor

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

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

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

タイプ: string
デフォルト: 'white'
バルーン

バブルの視覚的プロパティを構成するメンバーを含むオブジェクト。

タイプ: object
デフォルト: null
bubble.opacity

バブルの不透明度。0 は完全に透明、1 は完全に不透明です。

型: 0.0 ~ 1.0 の数値
デフォルト: 0.8
bubble.stroke

バブルのストロークの色。

タイプ: string
デフォルト: '#ccc'
bubble.textStyle

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

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

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

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis プロパティ。横軸を対数スケールにします(すべての値が正である必要があります)。「はい」の場合は true に設定します。

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

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

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

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
凡例

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

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

  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • visibleInLegend - boolean 値。ここで、true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。
例:
series: {'Europe': {color: 'green'}}
タイプ: ネストされたオブジェクトを含むオブジェクト
デフォルト: {}
sizeAxis

値とバブルサイズを関連付ける方法を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

 {minValue: 0,  maxSize: 20}
タイプ: object
デフォルト: null
sizeAxis.maxSize

最大のバブルの最大半径(ピクセル単位)。

タイプ: number
デフォルト: 30
sizeAxis.minSize

最小のバブルの最小半径(ピクセル単位)。

タイプ: number
デフォルト: 5
subtitle

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、グラフは列をテキスト列として扱います。

タイプ: boolean
useFirstColumnAsDomain

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

名前
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ

グラフの幅(ピクセル単位)。

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis プロパティ。横軸を対数スケールにします(すべての値が正である必要があります)。「はい」の場合は true に設定します。

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

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

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

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
凡例

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

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

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

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • fallingColor.fill - この系列のグローバル candlestick.fallingColor.fill 値をオーバーライドします。
  • fallingColor.stroke - この系列のグローバル candlestick.fallingColor.stroke 値をオーバーライドします。
  • fallingColor.strokeWidth - この系列のグローバル candlestick.fallingColor.strokeWidth 値をオーバーライドします。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • risingColor.fill - この系列のグローバル candlestick.risingColor.fill 値をオーバーライドします。
  • risingColor.stroke - この系列のグローバル candlestick.risingColor.stroke 値をオーバーライドします。
  • risingColor.strokeWidth - この系列のグローバル candlestick.risingColor.strokeWidth 値をオーバーライドします。
  • targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対側の軸です。デフォルト値は 0 です。1 に設定すると、異なる系列が異なる軸に対してレンダリングされるグラフを定義します。少なくとも 1 つの系列をデフォルトの軸に割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。ここで、true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。また、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列を黒色で凡例に表示せず、4 番目の系列を赤色で凡例に表示しないように宣言します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

名前
backgroundColor

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

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis プロパティ。横軸を対数スケールにします(すべての値が正である必要があります)。「はい」の場合は true に設定します。

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

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

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

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
isStacked

true に設定すると、各ドメイン値のすべての系列の要素が積み重ねられます。注: ColumnAreaSteppedArea のグラフでは、凡例項目の順序が逆になります。これは、系列要素の積み重ねに対応するためです(たとえば、系列 0 は一番下の凡例項目になります)。この機能は棒グラフには適用されません。

isStacked オプションは、100% 積み上げもサポートしています。この場合、各ドメイン値の要素のスタックは、合計が 100% になるように再スケーリングされます。

isStacked のオプションは次のとおりです。

  • false - 要素はスタックされません。これがデフォルトのオプションです。
  • true - 各ドメイン値のすべての系列の要素を積み重ねます。
  • 'percent' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 100% になるように再スケーリングします。各要素の値は 100% の割合として計算されます。
  • 'relative' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 1 になるように再スケーリングします。各要素の値は 1 の分数として計算されます。
  • 'absolute' - isStacked: true と同じように機能します。

100% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。

ターゲット軸の目盛り値は、'relative' の場合は 1 の分数として 0 ~ 1 の相対スケール、'percent' の場合は 0 ~ 100% に基づいてデフォルト設定されます(注: 'percent' オプションを使用すると、軸/目盛り値はパーセンテージで表示されますが、実際の値は 0 ~ 1 の相対スケール値です)。これは、パーセンテージ軸の目盛りが、相対的な 0 ~ 1 のスケール値に「#.##%」の形式を適用した結果であるためです。isStacked: 'percent' を使用する場合は、相対的な 0 ~ 1 のスケール値を使用して、目盛りやグリッド線を指定してください。適切な hAxis/vAxis オプションを使用して、グリッド線/目盛りの値と書式設定をカスタマイズできます。

100% 積み上げは number 型のデータ値のみをサポートし、ベースラインはゼロである必要があります。

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

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

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

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

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • annotations - この系列の注釈に適用するオブジェクト。これは、たとえば、シリーズの textStyle を制御するために使用できます。

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

    カスタマイズ可能な項目の詳細なリストについては、さまざまな annotations オプションをご覧ください。

  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対側の軸です。デフォルト値は 0 です。1 に設定すると、異なる系列が異なる軸に対してレンダリングされるグラフを定義します。少なくとも 1 つの系列をデフォルトの軸に割り当てる必要があります。軸ごとに異なるスケールを定義できます。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。また、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列を黒色で凡例に表示せず、4 番目の系列を赤色で凡例に表示しないように宣言します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

トレンドラインをサポートするグラフに トレンドライン を表示します。デフォルトでは linear トレンドラインが使用されますが、trendlines.n.type オプションでカスタマイズできます。

トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは次のようになります。

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     
タイプ: object
デフォルト: null
trendlines.n.color

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

タイプ: string
デフォルト: デフォルトの系列の色
trendlines.n.degree

type: 'polynomial' トレンドライン の場合、多項式の次数(二次の場合は 2、三次の場合は 3 など)。

タイプ: number
デフォルト: 3
trendlines.n.labelInLegend

設定すると、 トレンドライン がこの文字列として凡例に表示されます。

タイプ: string
デフォルト: null
trendlines.n.lineWidth

トレンドラインの線の幅(ピクセル単位)。

タイプ: number
デフォルト: 2
trendlines.n.type

トレンドライン 'linear'(デフォルト)、'exponential''polynomial' のいずれであるか。

タイプ: string
デフォルト: linear
trendlines.n.visibleInLegend

トレンドライン の式を凡例に表示するかどうか。これは、トレンドラインのツールチップに表示されます。

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

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

名前
areaOpacity

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

タイプ: number0.0- 1.0
デフォルト: 0.3
backgroundColor

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

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis プロパティ。横軸を対数スケールにします(すべての値が正である必要があります)。「はい」の場合は true に設定します。

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

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

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

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
interpolateNulls

欠損値のポイントを推測するかどうか。true の場合、欠損データの値は近傍のポイントに基づいて推測されます。false の場合、不明なポイントで改行されます。

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

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

true に設定すると、各ドメイン値のすべての系列の要素が積み重ねられます。注: ColumnAreaSteppedArea のグラフでは、凡例項目の順序が逆になります。これは、系列要素の積み重ねに対応するためです(たとえば、系列 0 は一番下の凡例項目になります)。この機能は棒グラフには適用されません。

isStacked オプションは、100% 積み上げもサポートしています。この場合、各ドメイン値の要素のスタックは、合計が 100% になるように再スケーリングされます。

isStacked のオプションは次のとおりです。

  • false - 要素はスタックされません。これがデフォルトのオプションです。
  • true - 各ドメイン値のすべての系列の要素を積み重ねます。
  • 'percent' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 100% になるように再スケーリングします。各要素の値は 100% の割合として計算されます。
  • 'relative' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 1 になるように再スケーリングします。各要素の値は 1 の分数として計算されます。
  • 'absolute' - isStacked: true と同じように機能します。

100% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。

ターゲット軸の目盛り値は、'relative' の場合は 1 の分数として 0 ~ 1 の相対スケール、'percent' の場合は 0 ~ 100% に基づいてデフォルト設定されます(注: 'percent' オプションを使用すると、軸/目盛り値はパーセンテージで表示されますが、実際の値は 0 ~ 1 の相対スケール値です)。これは、パーセンテージ軸の目盛りが、相対的な 0 ~ 1 のスケール値に「#.##%」の形式を適用した結果であるためです。isStacked: 'percent' を使用する場合は、相対的な 0 ~ 1 のスケール値を使用して、目盛りやグリッド線を指定してください。適切な hAxis/vAxis オプションを使用して、グリッド線/目盛りの値と書式設定をカスタマイズできます。

100% 積み上げは number 型のデータ値のみをサポートし、ベースラインはゼロである必要があります。

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

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

データラインの幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。series プロパティを使用して、個々のシリーズの値をオーバーライドできます。

タイプ: number
デフォルト: 2
pointShape

個々のデータ要素の形状: 'circle''triangle''square''diamond''star''polygon'。例については、 ポイントのドキュメント をご覧ください。

タイプ: string
デフォルト: 'circle'
pointSize

表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。series プロパティを使用して、個々の系列の値をオーバーライドできます。トレンドラインを使用している場合、trendlines.n.pointsize オプションでオーバーライドしない限り、pointSize オプションはトレンドラインの幅に影響します。

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

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

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

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • annotations - この系列の注釈に適用するオブジェクト。これは、たとえば、シリーズの textStyle を制御するために使用できます。

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

    カスタマイズ可能な項目の詳細なリストについては、さまざまな annotations オプションをご覧ください。

  • areaOpacity - このシリーズのグローバル areaOpacity をオーバーライドします。
  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • curveType - この系列のグローバル curveType 値をオーバーライドします。
  • fallingColor.fill - この系列のグローバル candlestick.fallingColor.fill 値をオーバーライドします。
  • fallingColor.stroke - この系列のグローバル candlestick.fallingColor.stroke 値をオーバーライドします。
  • fallingColor.strokeWidth - この系列のグローバル candlestick.fallingColor.strokeWidth 値をオーバーライドします。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • lineDashStyle - この系列のグローバル lineDashStyle 値をオーバーライドします。
  • lineWidth - この系列のグローバル lineWidth 値をオーバーライドします。
  • pointShape - この系列のグローバル pointShape 値をオーバーライドします。
  • pointSize - この系列のグローバル pointSize 値をオーバーライドします。
  • pointsVisible - この系列のグローバル pointsVisible 値をオーバーライドします。
  • risingColor.fill - この系列のグローバル candlestick.risingColor.fill 値をオーバーライドします。
  • risingColor.stroke - この系列のグローバル candlestick.risingColor.stroke 値をオーバーライドします。
  • risingColor.strokeWidth - この系列のグローバル candlestick.risingColor.strokeWidth 値をオーバーライドします。
  • targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対側の軸です。デフォルト値は 0 です。1 に設定すると、異なる系列が異なる軸に対してレンダリングされるグラフを定義します。少なくとも 1 つの系列をデフォルトの軸に割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • type - この系列のマーカーのタイプ。有効な値は、'line'、'area'、'bars'、'steppedArea' です。バーは実際には縦棒(列)です。デフォルト値は、グラフの seriesType オプションで指定します。
  • visibleInLegend - boolean 値。ここで、true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。また、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列を黒色で凡例に表示せず、4 番目の系列を赤色で凡例に表示しないように宣言します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

ゲージの構成オプション

名前
greenColor

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

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

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

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

緑色でマークされた範囲の最大値。

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

グラフの高さ(ピクセル単位)。

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

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

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

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

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

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

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

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

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

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

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

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

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

グラフの幅(ピクセル単位)。

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

HTML カラー表記で黄色いセクションに使用する色。

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

黄色の範囲の最小値。

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

黄色でマークされた範囲の最大値。

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

地図グラフの構成オプション

名前
backgroundColor

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

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

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

地図グラフに表示するエリア。周辺地域も表示されます。次のいずれかになります。

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

グラフの幅(ピクセル単位)。

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

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

名前
backgroundColor

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

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
histogram.bucketSize

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

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

ヒストグラムのブロック間の細い区切り線を省略し、一連の塗りつぶしバーにします。

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

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

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

欠損値のポイントを推測するかどうか。true の場合、欠損データの値は近傍のポイントに基づいて推測されます。false の場合、不明なポイントで改行されます。

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

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

true に設定すると、各ドメイン値のすべての系列の要素が積み重ねられます。注: ColumnAreaSteppedArea のグラフでは、凡例項目の順序が逆になります。これは、系列要素の積み重ねに対応するためです(たとえば、系列 0 は一番下の凡例項目になります)。この機能は棒グラフには適用されません。

isStacked オプションは、100% 積み上げもサポートしています。この場合、各ドメイン値の要素のスタックは、合計が 100% になるように再スケーリングされます。

isStacked のオプションは次のとおりです。

  • false - 要素はスタックされません。これがデフォルトのオプションです。
  • true - 各ドメイン値のすべての系列の要素を積み重ねます。
  • 'percent' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 100% になるように再スケーリングします。各要素の値は 100% の割合として計算されます。
  • 'relative' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 1 になるように再スケーリングします。各要素の値は 1 の分数として計算されます。
  • 'absolute' - isStacked: true と同じように機能します。

100% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。

ターゲット軸の目盛り値は、'relative' の場合は 1 の分数として 0 ~ 1 の相対スケール、'percent' の場合は 0 ~ 100% に基づいてデフォルト設定されます(注: 'percent' オプションを使用すると、軸/目盛り値はパーセンテージで表示されますが、実際の値は 0 ~ 1 の相対スケール値です)。これは、パーセンテージ軸の目盛りが、相対的な 0 ~ 1 のスケール値に「#.##%」の形式を適用した結果であるためです。isStacked: 'percent' を使用する場合は、相対的な 0 ~ 1 のスケール値を使用して、目盛りやグリッド線を指定してください。適切な hAxis/vAxis オプションを使用して、グリッド線/目盛りの値と書式設定をカスタマイズできます。

100% 積み上げは number 型のデータ値のみをサポートし、ベースラインはゼロである必要があります。

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

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

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

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

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対側の軸です。デフォルト値は 0 です。1 に設定すると、異なる系列が異なる軸に対してレンダリングされるグラフを定義します。少なくとも 1 つの系列をデフォルトの軸に割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。ここで、true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。また、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列を黒色で凡例に表示せず、4 番目の系列を赤色で凡例に表示しないように宣言します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

グラフの幅(ピクセル単位)。

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

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

名前
backgroundColor

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

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis プロパティ。横軸を対数スケールにします(すべての値が正である必要があります)。「はい」の場合は true に設定します。

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

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

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

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
interpolateNulls

欠損値のポイントを推測するかどうか。true の場合、欠損データの値は近傍のポイントに基づいて推測されます。false の場合、不明なポイントで改行されます。

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

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

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

データラインの幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。series プロパティを使用して、個々のシリーズの値をオーバーライドできます。

タイプ: number
デフォルト: 2
pointShape

個々のデータ要素の形状: 'circle''triangle''square''diamond''star''polygon'。例については、 ポイントのドキュメント をご覧ください。

タイプ: string
デフォルト: 'circle'
pointSize

表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。series プロパティを使用して、個々の系列の値をオーバーライドできます。トレンドラインを使用している場合、trendlines.n.pointsize オプションでオーバーライドしない限り、pointSize オプションはトレンドラインの幅に影響します。

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

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

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

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • annotations - この系列の注釈に適用するオブジェクト。これは、たとえば、シリーズの textStyle を制御するために使用できます。

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

    カスタマイズ可能な項目の詳細なリストについては、さまざまな annotations オプションをご覧ください。

  • type - この系列のマーカーのタイプ。有効な値は、'line'、'area'、'bars'、'steppedArea' です。バーは実際には縦棒(列)です。デフォルト値は、グラフの seriesType オプションで指定します。
  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • curveType - この系列のグローバル curveType 値をオーバーライドします。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • lineDashStyle - この系列のグローバル lineDashStyle 値をオーバーライドします。
  • lineWidth - この系列のグローバル lineWidth 値をオーバーライドします。
  • pointShape - この系列のグローバル pointShape 値をオーバーライドします。
  • pointSize - この系列のグローバル pointSize 値をオーバーライドします。
  • pointsVisible - この系列のグローバル pointsVisible 値をオーバーライドします。
  • targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対側の軸です。デフォルト値は 0 です。1 に設定すると、異なる系列が異なる軸に対してレンダリングされるグラフを定義します。少なくとも 1 つの系列をデフォルトの軸に割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。ここで、true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。また、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列を黒色で凡例に表示せず、4 番目の系列を赤色で凡例に表示しないように宣言します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、グラフは列をテキスト列として扱います。

タイプ: boolean
トレンドライン

トレンドラインをサポートするグラフに トレンドライン を表示します。デフォルトでは linear トレンドラインが使用されますが、trendlines.n.type オプションでカスタマイズできます。

トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは次のようになります。

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     
タイプ: object
デフォルト: null
trendlines.n.color

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

タイプ: string
デフォルト: デフォルトの系列の色
trendlines.n.degree

type: 'polynomial' トレンドライン の場合、多項式の次数(二次の場合は 2、三次の場合は 3 など)。

タイプ: number
デフォルト: 3
trendlines.n.labelInLegend

設定すると、 トレンドライン がこの文字列として凡例に表示されます。

タイプ: string
デフォルト: null
trendlines.n.lineWidth

トレンドライン の線の幅(ピクセル単位)。

タイプ: number
デフォルト: 2
trendlines.n.type

トレンドライン 'linear'(デフォルト)、'exponential''polynomial' のいずれであるか。

タイプ: string
デフォルト: linear
trendlines.n.visibleInLegend

トレンドライン の式を凡例に表示するかどうか。これは、トレンドラインのツールチップに表示されます。

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

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

組織図の構成オプション

名前

組織図の要素の背景色。

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

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

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

グラフの全体的なサイズ。'small''medium''large' のいずれかを指定できます。

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

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

名前
backgroundColor

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

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
is3D

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

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

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

01 の場合は、ドーナツグラフを表示します。穴の半径は、グラフの半径の number 倍です。

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

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

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

スライスに表示されるテキストの内容。次のいずれかになります

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

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

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

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

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

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

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

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

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

タイプ: string
subtitle

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

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

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

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

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

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

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

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

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

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

タイプ: 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
デフォルト: auto
chartArea.left

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

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

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

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

グラフエリアの幅。

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

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

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

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

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

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

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

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

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

横軸のグリッド線を構成するプロパティを含むオブジェクト。なお、横軸のグリッド線は縦方向に描画されます。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

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

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

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

グラフエリア内の横方向のグリッド線の色。有効な HTML カラー文字列を指定します。

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

グラフ領域内の水平グリッド線の概数。gridlines.count に正の数を指定すると、グリッド線間の minSpacing の計算に使用されます。1 を指定すると 1 本のグリッド線のみが描画され、0 を指定するとグリッド線は描画されません。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。

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

hAxis プロパティ。横軸を対数スケールにします(すべての値が正である必要があります)。「はい」の場合は true に設定します。

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

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

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

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

hAxis.gridlines オプションと同様に、水平軸の補助グリッド線を構成するメンバーを含むオブジェクト。

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

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

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

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

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

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

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
凡例

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

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

凡例の位置。次のいずれかになります

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

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

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

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

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

データラインの幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。series プロパティを使用して、個々のシリーズの値をオーバーライドできます。

タイプ: number
デフォルト: 2
pointShape

個々のデータ要素の形状: 'circle''triangle''square''diamond''star''polygon'。例については、 ポイントのドキュメント をご覧ください。

タイプ: string
デフォルト: 'circle'
pointSize

表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。series プロパティを使用して、個々の系列の値をオーバーライドできます。トレンドラインを使用している場合、trendlines.n.pointsize オプションでオーバーライドしない限り、pointSize オプションはトレンドラインの幅に影響します。

タイプ: number
デフォルト: 0
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • lineWidth - この系列のグローバル lineWidth 値をオーバーライドします。
  • pointShape - この系列のグローバル pointShape 値をオーバーライドします。
  • pointSize - この系列のグローバル pointSize 値をオーバーライドします。
  • pointsVisible - この系列のグローバル pointsVisible 値をオーバーライドします。
  • visibleInLegend - boolean 値。ここで、true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。または、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列を黒色で凡例に表示せず、4 番目の系列を赤色で凡例に表示しないように宣言します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、グラフは列をテキスト列として扱います。

タイプ: boolean
トレンドライン

トレンドラインをサポートするグラフに トレンドライン を表示します。デフォルトでは linear トレンドラインが使用されますが、trendlines.n.type オプションでカスタマイズできます。

トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは次のようになります。

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     
タイプ: object
デフォルト: null
trendlines.n.color

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

タイプ: string
デフォルト: デフォルトの系列の色
trendlines.n.degree

type: 'polynomial' トレンドライン の場合、多項式の次数(二次の場合は 2、三次の場合は 3 など)。

タイプ: number
デフォルト: 3
trendlines.n.labelInLegend

設定すると、 トレンドライン がこの文字列として凡例に表示されます。

タイプ: string
デフォルト: null
trendlines.n.lineWidth

トレンドライン の線の幅(ピクセル単位)。

タイプ: number
デフォルト: 2
trendlines.n.type

トレンドライン 'linear'(デフォルト)、'exponential''polynomial' のいずれであるか。

タイプ: string
デフォルト: linear
trendlines.n.visibleInLegend

トレンドライン の式を凡例に表示するかどうか。これは、トレンドラインのツールチップに表示されます。

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

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

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

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

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

縦軸のタイトルを指定します。

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

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

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

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

タイプ: number
デフォルト: auto

階段面グラフの構成オプション

名前
areaOpacity

面グラフの系列の下の色の付いた領域のデフォルトの不透明度。0.0 は完全に透明、1.0 は完全に不透明です。個々の系列の不透明度を指定するには、series プロパティで areaOpacity の値を設定します。

タイプ: number0.0- 1.0
デフォルト: 0.3
backgroundColor

グラフのメイン領域の背景色。単純な HTML 色文字列('red''#00cc00' など)または次のプロパティを持つオブジェクトを指定できます。

タイプ: 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
デフォルト: auto
chartArea.left

左の境界線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上端からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフエリアの幅。

タイプ: number または string
デフォルト: auto

グラフ要素に使用する色。文字列の配列。各要素は HTML カラー文字列(例: colors:['red','#004411'])です。

型: 文字列の配列
デフォルト: デフォルトの色
hAxis

さまざまな横軸要素を構成するメンバーを持つオブジェクト。このオブジェクトのプロパティを指定するには、次の例に示すように、オブジェクト リテラル表記を使用できます。

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     
タイプ: object
デフォルト: null
hAxis.direction

水平軸に沿って値が増加する方向。値の順序を逆にするには、-1 を指定します。

タイプ: 1 または -1
デフォルト: 1
hAxis.textPosition

グラフ領域に対する横軸のテキストの位置。サポートされる値: 'out''in''none'

タイプ: string
デフォルト: 'out'
hAxis.textStyle

横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

横軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
hAxis.viewWindow.max

レンダリングする水平方向のデータ値の最大値。

hAxis.viewWindowMode'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
hAxis.viewWindow.min

レンダリングする最小の水平データ値。

hAxis.viewWindowMode'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
isStacked

true に設定すると、各ドメイン値のすべての系列の要素が積み重ねられます。注: ColumnAreaSteppedArea のグラフでは、凡例項目の順序が逆になります。これは、系列要素の積み重ねに対応するためです(たとえば、系列 0 は一番下の凡例項目になります)。この機能は棒グラフには適用されません。

isStacked オプションは、100% 積み上げもサポートしています。この場合、各ドメイン値の要素のスタックは、合計が 100% になるように再スケーリングされます。

isStacked のオプションは次のとおりです。

  • false - 要素はスタックされません。これがデフォルトのオプションです。
  • true - 各ドメイン値のすべての系列の要素を積み重ねます。
  • 'percent' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 100% になるように再スケーリングします。各要素の値は 100% の割合として計算されます。
  • 'relative' - 各ドメイン値のすべての系列の要素を積み重ね、合計が 1 になるように再スケーリングします。各要素の値は 1 の分数として計算されます。
  • 'absolute' - isStacked: true と同じように機能します。

100% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。

ターゲット軸の目盛り値は、'relative' の場合は 1 の分数として 0 ~ 1 の相対スケール、'percent' の場合は 0 ~ 100% に基づいてデフォルト設定されます(注: 'percent' オプションを使用すると、軸/目盛り値はパーセンテージで表示されますが、実際の値は 0 ~ 1 の相対スケール値です)。これは、パーセンテージ軸の目盛りが、相対的な 0 ~ 1 のスケール値に「#.##%」の形式を適用した結果であるためです。isStacked: 'percent' を使用する場合は、相対的な 0 ~ 1 のスケール値を使用して、目盛りやグリッド線を指定してください。適切な hAxis/vAxis オプションを使用して、グリッド線/目盛りの値と書式設定をカスタマイズできます。

100% 積み上げは number 型のデータ値のみをサポートし、ベースラインはゼロである必要があります。

タイプ: boolean/ string
デフォルト: false
凡例

凡例のさまざまな側面を構成するメンバーを持つオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれかになります

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側。ただし、左軸に系列が関連付けられていない場合に限ります。凡例を左側に表示する場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフの左上隅。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側。vAxes オプションとは互換性がありません。
  • 'top' - グラフの上。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true に設定すると、右から左に系列を描画します。デフォルトでは左から右に描画します。

このオプションは、discrete major 軸でのみサポートされています。

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。

  • areaOpacity - このシリーズのグローバル areaOpacity をオーバーライドします。
  • color - この系列に使用する色。有効な HTML カラー文字列を指定します。
  • type - この系列のマーカーのタイプ。有効な値は、'line'、'area'、'bars'、'steppedArea' です。バーは実際には縦棒(列)です。デフォルト値は、グラフの seriesType オプションで指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • lineDashStyle - この系列のグローバル lineDashStyle 値をオーバーライドします。
  • targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対側の軸です。デフォルト値は 0 です。1 に設定すると、異なる系列が異なる軸に対してレンダリングされるグラフを定義します。少なくとも 1 つの系列をデフォルトの軸に割り当てる必要があります。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。ここで、true は系列に凡例エントリが必要であることを意味し、false は必要ないことを意味します。デフォルトは true です。

オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。また、各子に、どのシリーズに適用されるかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初のシリーズを黒色で凡例に表示せず、4 番目のシリーズを赤色で凡例に表示しないように宣言します。

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     
タイプ: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示するテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトル テキストのスタイルを指定するオブジェクト。

color には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマは、特定のグラフの動作や視覚効果を実現するために連携して動作する、事前定義されたオプション値のセットです。現在、利用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、凡例とすべてのラベルをグラフ領域内に描画します。
タイプ: string
デフォルト: null
title

グラフの上に表示するテキスト。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトル テキストのスタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true に設定すると、グラフは列をテキスト列として扱います。

タイプ: boolean
useFirstColumnAsDomain

true に設定すると、グラフは列をドメインとして扱います。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合に、個々の縦軸のプロパティを指定します。各子オブジェクトは vAxis オブジェクトであり、vAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定よりも優先されます。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex を使用して新しい軸を定義し、次に vAxes を使用して軸を構成します。次の例では、系列 2 を右軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。

 {   series: {     2: {       targetAxisIndex:1     }   },   vAxes: {     1: {       title:'Losses',       textStyle: {color: 'red'}     }   } }     

このプロパティには、オブジェクトまたは配列を指定できます。オブジェクトはオブジェクトのコレクションで、それぞれに軸を指定する数値ラベルが付いています。これは上記の形式です。配列はオブジェクトの配列で、軸ごとに 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 には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

縦軸のタイトルを指定します。

タイプ: string
デフォルト: タイトルなし
vAxis.titleTextStyle

縦軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }   

color には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

縦軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
vAxis.viewWindow.max

レンダリングする垂直方向のデータ値の最大値。

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

タイプ: number
デフォルト: auto
vAxis.viewWindow.min

レンダリングする最小の垂直データ値。

vAxis.viewWindowMode が「pretty」または「maximized」の場合は無視されます。

タイプ: number
デフォルト: auto

グラフの幅(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の幅

表グラフの構成オプション

名前
alternatingRowStyle

奇数行と偶数行に交互の色スタイルを割り当てるかどうかを指定します。

タイプ: boolean
デフォルト: true
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ
ページ

データをページングするかどうか、またその方法。次の string 値のいずれかを選択します。

  • 'enable' - テーブルにページ送りボタンとページ戻しボタンが表示されます。これらのボタンをクリックすると、ページング オペレーションが実行され、表示されるページが変更されます。pageSize オプションも設定することをおすすめします。
  • 'event' - テーブルにページ送りボタンとページ戻しボタンが表示されますが、クリックしても 'page' イベントがトリガーされるだけで、表示されるページは変わりません。このオプションは、コードが独自のページめくりロジックを実装している場合に使用する必要があります。ページング イベントを手動で処理する方法の例については、TableQueryWrapper の例をご覧ください。
  • 'disable' - [Default] ページングはサポートされていません。
  • タイプ: string
    デフォルト: 'disable'
pageSize

ページ オプションでページングが有効になっている場合の、各ページの行数。

タイプ: number
デフォルト: 10
showRowNumber

true に設定すると、表の最初の列に行番号が表示されます。

タイプ: boolean
デフォルト: false
並べ替え

ユーザーが列見出しをクリックしたときに列を並べ替えるかどうか、並べ替える場合はその方法。並べ替えが有効になっている場合は、sortAscending プロパティと sortColumn プロパティも設定することを検討してください。次の string 値のいずれかを選択します。

  • 'enable' - [Default] ユーザーは、列ヘッダーをクリックして、クリックした列で並べ替えることができます。ユーザーが列ヘッダーをクリックすると、行が自動的に並べ替えられ、'sort' イベントがトリガーされます。
  • 'event' - ユーザーが列ヘッダーをクリックすると、'sort' イベントがトリガーされますが、行は自動的に並べ替えられません。このオプションは、ページが独自の並べ替えを実装している場合に使用します。並べ替えイベントを手動で処理する方法の例については、TableQueryWrapper の例をご覧ください。
  • 'disable' - 列ヘッダーをクリックしても効果がありません。
タイプ: string
デフォルト: 'enable'
sortAscending

最初の並べ替え列を並べ替える順序。昇順の場合は True、降順の場合は falsesortColumn が指定されていない場合は無視されます。

タイプ: boolean
デフォルト: true
sortColumn

データテーブル内の列のインデックス。テーブルは最初にこのインデックスで並べ替えられます。列には、並べ替え順を示す小さな矢印が表示されます。

タイプ: number
デフォルト: -1

グラフの幅(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の幅

タイムラインの構成オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML 色文字列('red''#00cc00' など)または次のプロパティを持つオブジェクトを指定できます。

タイプ: string または object
デフォルト: 'white'

グラフ要素に使用する色。文字列の配列。各要素は HTML カラー文字列(例: colors:['red','#004411'])です。

型: 文字列の配列
デフォルト: デフォルトの色
height

グラフの高さ(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の高さ

グラフの幅(ピクセル単位)。

タイプ: number
デフォルト: コンテナ要素の幅

ツリーマップの構成オプション

名前
headerColor

各ノードのヘッダー セクションの色。HTML カラー値を指定します。

タイプ: string
デフォルト: #988f86
maxColor

列 3 の値が maxColorValue の長方形の色。HTML の色の値を指定します。

タイプ: string
デフォルト: #00dd00
maxDepth

現在のビューに表示するノードレベルの最大数。レベルは現在のプレーンにフラット化されます。ツリーにこれより多くのレベルがある場合は、上下に移動して確認する必要があります。また、これらのノード内の影付きの長方形として、この下の maxPostDepth レベルを確認することもできます。

タイプ: number
デフォルト: 1
maxPostDepth

「ヒント」形式で表示する maxDepth を超えるノードのレベル数。ヒント付きノードは、maxDepth の制限内のノード内の影付きの長方形として表示されます。

タイプ: number
デフォルト: 0
midColor

列 3 の値が maxColorValueminColorValue の中間にある長方形の色。HTML の色の値を指定します。

タイプ: string
デフォルト: #000000
minColor

列 3 の値が minColorValue の長方形の色。HTML の色の値を指定します。

タイプ: string
デフォルト: #dd0000
noColor

ノードの列 3 に値がなく、そのノードがリーフ(またはリーフのみを含む)の場合に、長方形に使用する色。HTML の色の値を指定します。

タイプ: string
デフォルト: #000000
subtitle

グラフのタイトルの下に表示するテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトル テキストのスタイルを指定するオブジェクト。

color には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

タイトル テキストのスタイルを指定するオブジェクト。色は、'red''#00cc00' などの任意の HTML カラー文字列にできます。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

グラフの上に表示するテキスト。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトル テキストのスタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

 { color: <string>,   fontName: <string>,   fontSize: <number>,   bold: <boolean>,   italic: <boolean> }     

color には、'red''#00cc00' などの任意の HTML カラー文字列を指定できます。fontNamefontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}