グラフ構成オプション

グラフの種類

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

名前

グラフ要素に使用する色。文字列の配列。各要素は 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: 親要素の高さ
interpolateNulls

欠落しているポイントの値を推定するかどうか。true の場合、近隣のポイントに基づいて欠落データの値が推定されます。false の場合、不明なポイントで線が切断されます。

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

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

true に設定すると、各ドメイン値にすべてのシリーズの要素がスタックされます。注: 面積SteppedAreaグラフでは、シリーズ要素の積み上げに適合するように凡例アイテムの順序が逆になります(例: シリーズ 0 が最下位の凡例アイテムになります)。これはグラフには適用されません。

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

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

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

100% スタッキングの場合、各要素の計算値が実際の値の後にツールチップに表示されます。

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

100% スタッキングは、number タイプのデータ値のみをサポートし、ベースラインは 0 にする必要があります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、シリーズを右から左に描画します。デフォルトは左から右に描画されます。

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

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

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

  • annotations - このシリーズのアノテーションに適用するオブジェクト。これは、次のようなシリーズの textStyle を制御するために使用できます。

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

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

  • areaOpacity - このシリーズのグローバル areaOpacity をオーバーライドします。
  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示されるシリーズの説明。
  • lineDashStyle - この系列のグローバル lineDashStyle 値をオーバーライドします。
  • lineWidth - この系列のグローバル lineWidth 値をオーバーライドします。
  • pointShape - この系列のグローバル pointShape 値をオーバーライドします。
  • pointSize - この系列のグローバル pointSize 値をオーバーライドします。
  • pointsVisible - この系列のグローバル pointsVisible 値をオーバーライドします。
  • targetAxisIndex - このシリーズを割り当てる軸。0 はデフォルトの軸で、1 は反対の軸です。デフォルト値は 0 です。異なる軸に対して異なるシリーズがレンダリングされるグラフを定義するには、1 に設定します。少なくとも 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

true に設定すると、グラフではその列がテキスト列として扱われます。

タイプ: boolean
useFirstColumnAsDomain

true に設定すると、グラフでは列がドメインとして扱われます。

タイプ: boolean
vAxes

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

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

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

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

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

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

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

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

型: 1 または -1
デフォルト: 1
vAxis.gridlines

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

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

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

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

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

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

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

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

true の場合、縦軸を対数目盛にします。注: すべての値は正の値である必要があります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

グラフエリアの幅。

型: 数値または 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: 親要素の高さ
isStacked

true に設定すると、各ドメイン値にすべてのシリーズの要素がスタックされます。注: 面積SteppedAreaグラフでは、シリーズ要素の積み上げに適合するように凡例アイテムの順序が逆になります(例: シリーズ 0 が最下位の凡例アイテムになります)。これはグラフには適用されません。

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

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

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

100% スタッキングの場合、各要素の計算値が実際の値の後にツールチップに表示されます。

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

100% スタッキングは、number タイプのデータ値のみをサポートし、ベースラインは 0 にする必要があります。

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

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

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

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

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

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

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

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

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

true に設定すると、シリーズを右から左に描画します。デフォルトは左から右に描画されます。

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

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

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

  • annotations - このシリーズのアノテーションに適用するオブジェクト。これを使用して、シリーズの textStyle を制御できます。

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

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

  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示されるシリーズの説明。
  • targetAxisIndex - このシリーズを割り当てる軸。0 はデフォルトの軸で、1 は反対の軸です。デフォルト値は 0 です。異なる軸に対して異なるシリーズがレンダリングされるグラフを定義するには、1 に設定します。少なくとも 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

トレンドライン の色。英語の色名または 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、グラフではその列がテキスト列として扱われます。

タイプ: boolean
useFirstColumnAsDomain

true に設定すると、グラフでは列がドメインとして扱われます。

タイプ: boolean
vAxes

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

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

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

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

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

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

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

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

型: 1 または -1
デフォルト: 1
vAxis.gridlines

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

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

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

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

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

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

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

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

true の場合、縦軸を対数目盛にします。注: すべての値は正の値である必要があります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

true に設定すると、シリーズを右から左に描画します。デフォルトは左から右に描画されます。

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

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

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

  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • fallingColor.fill - この系列のグローバル candlestick.fallingColor.fill 値をオーバーライドします。
  • fallingColor.stroke - この系列のグローバル candlestick.fallingColor.stroke 値をオーバーライドします。
  • fallingColor.strokeWidth - この系列のグローバル candlestick.fallingColor.strokeWidth 値をオーバーライドします。
  • labelInLegend - グラフの凡例に表示されるシリーズの説明。
  • risingColor.fill - この系列のグローバル candlestick.risingColor.fill 値をオーバーライドします。
  • risingColor.stroke - この系列のグローバル candlestick.risingColor.stroke 値をオーバーライドします。
  • risingColor.strokeWidth - この系列のグローバル candlestick.risingColor.strokeWidth 値をオーバーライドします。
  • targetAxisIndex - このシリーズを割り当てる軸。0 はデフォルトの軸で、1 は反対の軸です。デフォルト値は 0 です。異なる軸に対して異なるシリーズがレンダリングされるグラフを定義するには、1 に設定します。少なくとも 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

true に設定すると、グラフでは列がドメインとして扱われます。

タイプ: boolean
vAxes

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

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

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

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

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

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

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

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

型: 1 または -1
デフォルト: 1
vAxis.gridlines

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

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

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

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

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

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

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

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

true の場合、縦軸を対数目盛にします。注: すべての値は正の値である必要があります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: 親要素の高さ
isStacked

true に設定すると、各ドメイン値にすべてのシリーズの要素がスタックされます。注: 面積SteppedAreaグラフでは、シリーズ要素の積み上げに適合するように凡例アイテムの順序が逆になります(例: シリーズ 0 が最下位の凡例アイテムになります)。これはグラフには適用されません。

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

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

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

100% スタッキングの場合、各要素の計算値が実際の値の後にツールチップに表示されます。

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

100% スタッキングは、number タイプのデータ値のみをサポートし、ベースラインは 0 にする必要があります。

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

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

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

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

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

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

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

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

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

true に設定すると、シリーズを右から左に描画します。デフォルトは左から右に描画されます。

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

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

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

  • annotations - このシリーズのアノテーションに適用するオブジェクト。これは、次のようなシリーズの textStyle を制御するために使用できます。

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

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

  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示されるシリーズの説明。
  • targetAxisIndex - このシリーズを割り当てる軸。0 はデフォルトの軸で、1 は反対の軸です。デフォルト値は 0 です。異なる軸に対して異なるシリーズがレンダリングされるグラフを定義するには、1 に設定します。少なくとも 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

トレンドライン の色。英語の色名または 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: 親要素の高さ
interpolateNulls

欠落しているポイントの値を推定するかどうか。true の場合、近隣のポイントに基づいて欠落データの値が推測されます。false の場合、不明なポイントで線が切断されます。

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

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

true に設定すると、各ドメイン値にすべてのシリーズの要素がスタックされます。注: 面積SteppedAreaグラフでは、シリーズ要素の積み上げに適合するように凡例アイテムの順序が逆になります(例: シリーズ 0 が最下位の凡例アイテムになります)。これはグラフには適用されません。

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

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

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

100% スタッキングの場合、各要素の計算値が実際の値の後にツールチップに表示されます。

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

100% スタッキングは、number タイプのデータ値のみをサポートし、ベースラインは 0 にする必要があります。

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

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

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

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

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

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

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

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

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

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

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

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

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

表示されるポイントの直径(ピクセル単位)。0 を使用すると、すべてのポイントが非表示になります。個々のシリーズの値は、series プロパティを使用してオーバーライドできます。トレンドラインを使用している場合、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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

true に設定すると、グラフでは列がドメインとして扱われます。

タイプ: boolean
vAxes

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

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

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

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

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

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

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

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

型: 1 または -1
デフォルト: 1
vAxis.gridlines

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

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

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

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

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

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

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

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

true の場合、縦軸を対数目盛にします。注: すべての値は正の値である必要があります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

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

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

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

タイプ: number
デフォルト: 親要素の幅

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

名前
backgroundColor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
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 に設定すると、各ドメイン値にすべてのシリーズの要素がスタックされます。注: 面積SteppedAreaグラフでは、シリーズ要素の積み上げに適合するように凡例アイテムの順序が逆になります(例: シリーズ 0 が最下位の凡例アイテムになります)。これはグラフには適用されません。

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

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

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

100% スタッキングの場合、各要素の計算値が実際の値の後にツールチップに表示されます。

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

100% スタッキングは、number タイプのデータ値のみをサポートし、ベースラインは 0 にする必要があります。

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

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

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

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

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

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

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

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

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

true に設定すると、シリーズを右から左に描画します。デフォルトは左から右に描画されます。

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

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

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

  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示されるシリーズの説明。
  • targetAxisIndex - このシリーズを割り当てる軸。0 はデフォルトの軸で、1 は反対の軸です。デフォルト値は 0 です。異なる軸に対して異なるシリーズがレンダリングされるグラフを定義するには、1 に設定します。少なくとも 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

true に設定すると、グラフでは列がドメインとして扱われます。

タイプ: boolean
vAxes

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

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

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

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

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

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

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

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

型: 1 または -1
デフォルト: 1
vAxis.gridlines

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

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

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

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

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

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

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

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

true の場合、縦軸を対数目盛にします。注: すべての値は正の値である必要があります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

表示されるポイントの直径(ピクセル単位)。0 を使用すると、すべてのポイントが非表示になります。個々のシリーズの値は、series プロパティを使用してオーバーライドできます。トレンドラインを使用している場合、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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

true に設定すると、グラフではその列がテキスト列として扱われます。

タイプ: boolean
トレンドライン

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

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

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

トレンドライン の色。英語の色名または 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

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

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

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

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

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

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

散布図の構成オプション

名前
backgroundColor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: auto
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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

表示されるポイントの直径(ピクセル単位)。0 を使用すると、すべてのポイントが非表示になります。個々のシリーズの値は、series プロパティを使用してオーバーライドできます。トレンドラインを使用している場合、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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

true に設定すると、グラフではその列がテキスト列として扱われます。

タイプ: boolean
トレンドライン

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

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

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

トレンドライン の色。英語の色名または 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タイプ: number
デフォルト: 親要素の高さ
isStacked

true に設定すると、各ドメイン値にすべてのシリーズの要素がスタックされます。注: 面積SteppedAreaグラフでは、シリーズ要素の積み上げに適合するように凡例アイテムの順序が逆になります(例: シリーズ 0 が最下位の凡例アイテムになります)。これはグラフには適用されません。

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

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

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

100% スタッキングの場合、各要素の計算値が実際の値の後にツールチップに表示されます。

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

100% スタッキングは、number タイプのデータ値のみをサポートし、ベースラインは 0 にする必要があります。

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

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

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

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

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

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

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

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

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

true に設定すると、シリーズを右から左に描画します。デフォルトは左から右に描画されます。

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

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

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

  • areaOpacity - このシリーズのグローバル areaOpacity をオーバーライドします。
  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • type - このシリーズのマーカーのタイプ。有効な値は「line」、「area」、「bars」、「steppedArea」です。棒は実際には垂直棒(列)です。デフォルト値は、グラフの seriesType オプションで指定します。
  • labelInLegend - グラフの凡例に表示されるシリーズの説明。
  • lineDashStyle - この系列のグローバル lineDashStyle 値をオーバーライドします。
  • targetAxisIndex - このシリーズを割り当てる軸。0 はデフォルトの軸で、1 は反対の軸です。デフォルト値は 0 です。異なる軸に対して異なるシリーズがレンダリングされるグラフを定義するには、1 に設定します。少なくとも 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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

true に設定すると、グラフではその列がテキスト列として扱われます。

タイプ: boolean
useFirstColumnAsDomain

true に設定すると、グラフでは列がドメインとして扱われます。

タイプ: boolean
vAxes

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

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

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

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

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

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

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

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

型: 1 または -1
デフォルト: 1
vAxis.gridlines

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

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

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

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

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

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

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

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

true の場合、縦軸を対数目盛にします。注: すべての値は正の値である必要があります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

vAxis.viewWindowMode が「きれい」または「最大化」の場合は無視されます。

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

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

タイプ: number
デフォルト: 親要素の幅

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

名前
alternatingRowStyle

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

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

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

タイプ: number
デフォルト: 親要素の高さ
ページ

データのページングを有効にするかどうか、有効にする場合はどのようにするか。次のいずれかの string 値を選択します。

  • 'enable' - テーブルに「ページ送り」ボタンと「ページ戻し」ボタンが追加されます。これらのボタンをクリックすると、ページング オペレーションが実行され、表示されているページが変更されます。pageSize オプションを設定することもできます。
  • 'event' - 表にはページ送りボタンとページ戻しボタンが含まれますが、クリックすると 'page' イベントがトリガーされ、表示されるページは変更されません。このオプションは、コードが独自のページめくりロジックを実装する場合に使用する必要があります。ページング イベントを手動で処理する方法の例については、TableQueryWrapper の例をご覧ください。
  • 'disable' - [デフォルト] ページングはサポートされていません。
  • タイプ: string
    デフォルト: 'disable'
pageSize

ページ オプションでページングが有効になっている場合の、各ページの行数。

タイプ: number
デフォルト: 10
showRowNumber

true に設定すると、テーブルの最初の列として行番号が表示されます。

タイプ: boolean
デフォルト: false
並べ替え

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

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

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

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

データテーブル内の列のインデックス。テーブルの最初のソートはこの列に基づいて行われます。列には、並べ替え順序を示す小さな矢印が表示されます。

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

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

タイプ: number
デフォルト: 親要素の幅

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

名前
backgroundColor

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

型: string または object
デフォルト: 'white'

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

タイプ: 文字列の配列
デフォルト: デフォルトの色
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 には任意の HTML 色文字列('red''#00cc00' など)を指定できます。fontNamefontSize もご覧ください。

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

タイトル テキストのスタイルを指定するオブジェクト。色は任意の HTML カラー文字列にできます('red''#00cc00' など)。また、fontName と fontSize も参照してください。

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

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

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

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

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

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

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