グラフ構成オプション

グラフの種類

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

名前
色

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

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

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

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

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

ズームボタン（「1d 5d 1m」など）を表示するかどうかを指定します。false の場合は表示しません。

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

Y 軸に表示する最大値。最大データポイントがこの値を超えると、 設定は無視され、次の大きな目盛りを表示するためにグラフが調整されます。 超えています。これは、指定した Y 軸の最大値よりも優先されます。 作成者: scaleType。

コアグラフの maxValue に類似しています。

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

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

コアグラフの minValue に類似しています。

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

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

名前
areaOpacity

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

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

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

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

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

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

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

グラフ領域の高さ。

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

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

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

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

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

グラフ領域の幅。

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

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

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

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

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

横軸での値の増加の方向。-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。

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

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

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

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

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

横軸の最大値を指定の値に移動します。右側に 表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。 hAxis.viewWindow.max はこのプロパティをオーバーライドします。

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

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

このオプションは、 continuous 軸になります。

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

グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントは 0 に設定しますマイナーグリッド線の数が 完全に未確定の 主要なグリッド線（hAxis.gridlines.interval を参照） 最小要件である （hAxis.minorGridlines.minSpacing を参照）。

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

横軸の最小値を指定した値に移動します。これは左側に 表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。 注: 列 Area、 SteppedArea グラフ、 グラフの積み重ねに合わせて、凡例の項目の順序を逆にして 系列要素（たとえば、系列 0 は一番下の凡例項目になります）。この は 以下には適用されません。 棒グラフ

isStacked オプションは 100% のスタッキングもサポートしています。つまり、要素のスタックは 合計が 100% になるように再スケーリングされます。

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

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

100% スタッキングの場合、各要素の計算値は、 使用します。

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

100% スタッキングは number 型のデータ値のみをサポートし、 ベースラインは 0 になります

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

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

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

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

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

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

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

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

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

データ線の幅（ピクセル単位）。すべての線を非表示にしてポイントのみを表示するには、ゼロを使用します。Google Chat では series プロパティを使用して、個々の系列の値をオーバーライドできます。

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

個々のデータ要素の形状（'circle'、'triangle'、'square'、'diamond'、'star'、'polygon'）。詳しくは、 ポイントに関するドキュメント をご覧ください。

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

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

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

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

このオプションは、 discrete major 軸。

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

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

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

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

    使用できる内容の詳細については、さまざまな annotations オプションをご覧ください。 カスタマイズします。

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

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

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

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

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

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

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

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

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

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

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

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

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

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

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

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

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

タイプ: boolean
useFirstColumnAsDomain

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

タイプ: boolean
vAxes

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

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

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

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

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

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

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

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

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

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

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

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

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

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

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

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

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

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

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

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

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

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

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

グラフ領域の高さ。

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

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

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

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

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

グラフ領域の幅。

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

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

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

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

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

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

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

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

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

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

横軸での値の増加の方向。-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。

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

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

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

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

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

横軸の最大値を指定の値に移動します。右側に 表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。 hAxis.viewWindow.max はこのプロパティをオーバーライドします。

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

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

このオプションは、 continuous 軸になります。

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

グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントは 0 に設定しますマイナーグリッド線の数が 完全に未確定の 主要なグリッド線（hAxis.gridlines.interval を参照） 最小要件である （hAxis.minorGridlines.minSpacing を参照）。

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

横軸の最小値を指定した値に移動します。これは左側に 表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。 注: 列 Area、 SteppedArea グラフ、 グラフの積み重ねに合わせて、凡例の項目の順序を逆にして 系列要素（たとえば、系列 0 は一番下の凡例項目になります）。この は 以下には適用されません。 棒グラフ

isStacked オプションは 100% のスタッキングもサポートしています。つまり、要素のスタックは 合計が 100% になるように再スケーリングされます。

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

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

100% スタッキングの場合、各要素の計算値は、 使用します。

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

100% スタッキングは number 型のデータ値のみをサポートし、 ベースラインは 0 になります

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

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

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

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

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

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

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

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

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

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

このオプションは、 discrete major 軸。

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

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

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

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

    使用できる内容の詳細については、さまざまな annotations オプションをご覧ください。 カスタマイズします。

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

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

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

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

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

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

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

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

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

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

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

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

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

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

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

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

ディスプレイ トレンドライン 表示されますデフォルトでは、linear 個のトレンドラインが これは trendlines.n.type オプションでカスタマイズできます。

トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは 例: 

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

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

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

対象 トレンドライン type: 'polynomial' の多項式の次数（2 二次、3 は 3 次関数など）。

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

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

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

アライメントの線の太さは、 トレンドライン（ピクセル単位）

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

アプリケーションが トレンドライン 'linear'（デフォルト）、'exponential'、または 'polynomial'。

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

アプリケーションが トレンドライン 数式が凡例に表示されます。トレンドラインのツールチップに表示されます。

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

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

タイプ: boolean
vAxis

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

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

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

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

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

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

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

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

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

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

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

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

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

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

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

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

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

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

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

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

タイプ: 0.0 ～ 1.0 の数値
デフォルト: 0.8
bubble.stroke

バブルの色は、できます。

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

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

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

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

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

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

グラフ領域の高さ。

タイプ: number または string
デフォルト: 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'。fontName と fontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

バブルの最大半径（ピクセル単位）。

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

設定可能な最小のバブルの最小半径（ピクセル単位）。

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

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

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

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

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

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

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

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

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

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

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

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

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

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

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

タイプ: boolean
useFirstColumnAsDomain

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

タイプ: boolean
vAxes

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

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

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

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

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

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

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

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

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

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

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

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

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

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

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

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

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

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

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

名前
height

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

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

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

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

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

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

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

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

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

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: 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'。fontName と fontSize もご覧ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

このオプションは、 discrete major 軸。

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

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

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

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

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

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

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

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

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

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

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

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

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

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

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

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

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

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

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

タイプ: boolean
vAxes

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

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

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

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

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

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

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

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

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

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

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

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

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

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

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

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

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

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

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

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

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

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

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

グラフ領域の高さ。

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

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

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

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

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

グラフ領域の幅。

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

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

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

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

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

横軸での値の増加の方向。-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。

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

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

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

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

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

横軸の最大値を指定の値に移動します。右側に 表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。 hAxis.viewWindow.max はこのプロパティをオーバーライドします。

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

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

このオプションは、 continuous 軸になります。

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

グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントは 0 に設定しますマイナーグリッド線の数が 完全に未確定の 主要なグリッド線（hAxis.gridlines.interval を参照） 最小要件である （hAxis.minorGridlines.minSpacing を参照）。

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

横軸の最小値を指定した値に移動します。これは左側に 表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。 注: 列 Area、 SteppedArea グラフ、 グラフの積み重ねに合わせて、凡例の項目の順序を逆にして 系列要素（たとえば、系列 0 は一番下の凡例項目になります）。この は 以下には適用されません。 棒グラフ

isStacked オプションは 100% のスタッキングもサポートしています。つまり、要素のスタックは 合計が 100% になるように再スケーリングされます。

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

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

100% スタッキングの場合、各要素の計算値は、 使用します。

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

100% スタッキングは number 型のデータ値のみをサポートし、 ベースラインは 0 になります

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

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

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

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

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

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

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

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

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

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

このオプションは、 discrete major 軸。

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

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

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

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

    使用できる内容の詳細については、さまざまな annotations オプションをご覧ください。 カスタマイズします。

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

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

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

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

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

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

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

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

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

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

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

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

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

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

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

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

ディスプレイ トレンドライン 表示されますデフォルトでは、linear 個のトレンドラインが これは trendlines.n.type オプションでカスタマイズできます。

トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは 例: 

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

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

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

対象 トレンドライン type: 'polynomial' の多項式の次数（2 二次、3 は 3 次関数など）。

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

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

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

アライメントの線の太さは、 トレンドライン（ピクセル単位）

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

アプリケーションが トレンドライン 'linear'（デフォルト）、'exponential'、または 'polynomial'。

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

アプリケーションが トレンドライン 数式が凡例に表示されます。トレンドラインのツールチップに表示されます。

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

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

タイプ: boolean
vAxes

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

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

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

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

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

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

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

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

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

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

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

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

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

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

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

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

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

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

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

名前
areaOpacity

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

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

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

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

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

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

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

グラフ領域の高さ。

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

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

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

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

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

グラフ領域の幅。

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

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

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

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

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

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

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

横軸での値の増加の方向。-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。

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

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

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

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

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

横軸の最大値を指定の値に移動します。右側に 表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。 hAxis.viewWindow.max はこのプロパティをオーバーライドします。

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

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

このオプションは、 continuous 軸になります。

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

グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントは 0 に設定しますマイナーグリッド線の数が 完全に未確定の 主要なグリッド線（hAxis.gridlines.interval を参照） 最小要件である （hAxis.minorGridlines.minSpacing を参照）。

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

横軸の最小値を指定した値に移動します。これは左側に 表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

true に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。 注: 列 Area、 SteppedArea グラフ、 グラフの積み重ねに合わせて、凡例の項目の順序を逆にして 系列要素（たとえば、系列 0 は一番下の凡例項目になります）。この は 以下には適用されません。 棒グラフ

isStacked オプションは 100% のスタッキングもサポートしています。つまり、要素のスタックは 合計が 100% になるように再スケーリングされます。

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

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

100% スタッキングの場合、各要素の計算値は、 使用します。

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

100% スタッキングは number 型のデータ値のみをサポートし、 ベースラインは 0 になります

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

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

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

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

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

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

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

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

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

データ線の幅（ピクセル単位）。すべての線を非表示にしてポイントのみを表示するには、ゼロを使用します。Google Chat では series プロパティを使用して、個々の系列の値をオーバーライドできます。

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

個々のデータ要素の形状（'circle'、'triangle'、'square'、'diamond'、'star'、'polygon'）。詳しくは、 ポイントに関するドキュメント をご覧ください。

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

表示されるポイントの直径（ピクセル単位）。すべてのポイントを非表示にするには、ゼロを使用します。値をオーバーライドするには series プロパティを使用して、個々の系列に対して保持します。 trendline [pointSize] オプションはオーバーライドしない限り、トレンドラインの幅に影響します trendlines.n.pointsize オプションを指定して使用します。

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

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

このオプションは、 discrete major 軸。

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

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

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

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

    使用できる内容の詳細については、さまざまな annotations オプションをご覧ください。 カスタマイズします。

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

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

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

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

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

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

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

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

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

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

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

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

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

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

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

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

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

タイプ: boolean
vAxes

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

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

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

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

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

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

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

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

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

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

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

このオプションは、 continuous 軸になります。

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

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

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

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

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

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

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

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

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

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

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

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

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

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

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

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ゲージの構成オプション

名前
greenColor

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

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

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

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

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

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

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

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

Y 軸に表示する最大値。最大データポイントがこの値を超えると、 設定は無視され、次の大きな目盛りを表示するためにグラフが調整されます。 超えています。これは、指定した Y 軸の最大値よりも優先されます。 作成者: scaleType。

コアグラフの maxValue に類似しています。

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

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

コアグラフの minValue に類似しています。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Geochart の設定オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

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

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

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

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

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

ジオチャート内のデータポイントの色です。 （例:'US' ）は存在しますが、値が null または 指定されていません。これは、色である datalessRegionColor とは異なります。 使用されます。

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

これはどのタイプのジオチャートでしょうか。DataTable の形式は、指定された値と一致する必要があります。「 次の値がサポートされています。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

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

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

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

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

グラフ領域の高さ。

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

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

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

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

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

グラフ領域の幅。

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

グラフの要素に使用する色。各要素が HTML である文字列の配列 色の文字列（例: colors:['red','#004411']）。

型: 文字列の配列
デフォルト: デフォルトの色
hAxis

さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
タイプ: object
デフォルト: null
hAxis.gridlines

横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のように、オブジェクト リテラル表記を使用できます。 

{color: '#333', minSpacing: 20}

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
hAxis.gridlines.color

グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: '#CCC'
hAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

タイプ: number
デフォルト: -1
hAxis.minorGridlines

以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。 hAxis.gridlines オプション。

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
hAxis.minorGridlines.color

グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: グリッド線と背景色の組み合わせ
hAxis.minorGridlines.count

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントは 0 に設定しますマイナーグリッド線の数が 完全に未確定の 主要なグリッド線（hAxis.gridlines.interval を参照） 最小要件である （hAxis.minorGridlines.minSpacing を参照）。

タイプ: number
デフォルト: 1
hAxis.textPosition

グラフ領域に対する横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

横軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
hAxis.viewWindow.max

レンダリングする水平方向データの最大値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: 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 に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。 注: 列 Area、 SteppedArea グラフ、 グラフの積み重ねに合わせて、凡例の項目の順序を逆にして 系列要素（たとえば、系列 0 は一番下の凡例項目になります）。この は 以下には適用されません。 棒グラフ

isStacked オプションは 100% のスタッキングもサポートしています。つまり、要素のスタックは 合計が 100% になるように再スケーリングされます。

isStacked のオプションは次のとおりです。

  • false - 要素はスタックされません。これがデフォルトのオプションです。
  • true - 各ドメイン値ですべてのシリーズの要素をスタックします。
  • 'percent' - 各ドメイン値ですべての系列の要素をスタックします。 合計が 100% になるように再スケーリングします。各要素の値は、 できます。
  • 'relative' - 各ドメイン値ですべての系列の要素をスタックします。 合計が 1 になるように再スケーリングします。各要素の値は 割り振られます。
  • 'absolute' - isStacked: true と同じように機能します。

100% スタッキングの場合、各要素の計算値は、 使用します。

ターゲット軸は、相対的に 0 ～ 1 のスケールに基づく目盛り値をデフォルトで分数として設定します 'relative' は 1、'percent' は 0 ～ 100% （注: 'percent' オプションを使用する場合、軸/目盛りの値は パーセンテージで表示されますが、実際の値は 0 ～ 1 の相対的なスケール値です。 これは、割合軸の目盛りが「#.##%」という形式を適用した結果であるためです。から 0 ～ 1 の相対的なスケール値。isStacked: 'percent' を使用する場合は、 0 ～ 1 の相対的なスケール値を使用して目盛りやグリッド線を指定します）。必要に応じて グリッド線/目盛りの値、適切な hAxis/vAxis オプションを使用した書式設定。

100% スタッキングは number 型のデータ値のみをサポートし、 ベースラインは 0 になります

タイプ: boolean/string
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。 そのため、左側の凡例が必要な場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true に設定すると、右から左に系列が描画されます。デフォルトでは左から右に描画されます。

このオプションは、 discrete major 軸。

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。用途 空のオブジェクト {} を指定します。シリーズまたは値を指定しない場合 グローバル値が使用されます各オブジェクトは次のプロパティをサポートしています。

  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • targetAxisIndex - この系列を割り当てる軸（0 がデフォルト）。 1 はその逆の軸です。デフォルト値は 0 です。グラフを定義するには、1 に設定します。 異なる系列がそれぞれ異なる軸でレンダリングされます。少なくとも 1 つのシリーズを割り当てる必要があります デフォルトの軸に変更できます。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列を作成することを表します。 凡例のエントリがある場合、false はそのエントリがないことを意味します。デフォルトは true です。

オブジェクトの配列（各オブジェクトは指定された順序でシリーズに適用されます）を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、凡例とすべてのラベルを描画します。 クリックします。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

true に設定すると、その列はグラフでドメインとして扱われます。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。 各子オブジェクトは vAxis オブジェクトで、すべてのプロパティを含めることができます。 vAxis でサポートされています。これらのプロパティ値は、バケットのグローバル設定より優先されます。 あります。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex] を選択してから、vAxes を使用して軸を設定します。「 次の例では、系列 2 を右の軸に割り当て、カスタムのタイトルとテキストを指定しています スタイル: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。 それぞれに、定義する軸を指定する数値ラベルが付いています。 上記。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルは 表記は上記の vAxis オブジェクトと同じです。 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
型: オブジェクトの配列、または子オブジェクトを持つオブジェクト
デフォルト: null
vAxis

さまざまな縦軸の要素を構成するメンバーを持つオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
タイプ: object
デフォルト: null
vAxis.direction

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

タイプ: 1 または -1
デフォルト: 1
vAxis.gridlines

縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 

{color: '#333', minSpacing: 20}

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
vAxis.gridlines.color

グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。

タイプ: string
デフォルト: '#CCC'
vAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

タイプ: number
デフォルト: -1
vAxis.logScale

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

タイプ: boolean
デフォルト: false
vAxis.maxValue

縦軸の最大値を指定の値に移動します。ほとんどのケースでは できます。データの最大 y 値より小さい値を設定した場合は無視されます。 vAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
vAxis.minorGridlines

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

タイプ: object
デフォルト: null
vAxis.minorGridlines.color

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: グリッド線と背景色の組み合わせ
vAxis.minorGridlines.count

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域に対する縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

縦軸のタイトルを指定します。

タイプ: string
デフォルト: タイトルなし
vAxis.titleTextStyle

縦軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

縦軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
vAxis.viewWindow.max

レンダリングする垂直データの最大値。

vAxis.viewWindowMode が「pretty」の場合は無視されます「maximized」です。

タイプ: number
デフォルト: auto
vAxis.viewWindow.min

レンダリングする垂直データの最小値。

vAxis.viewWindowMode が「pretty」の場合は無視されます「maximized」です。

タイプ: number
デフォルト: auto
幅

グラフの幅（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の幅

折れ線グラフの構成オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数または （例:'#fdc' など）または英語の色の名前。オブジェクトを使用すると、次のプロパティを 次の値を指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定されたグラフ領域の周囲に枠線が描画されます （色は stroke）。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: auto
色

グラフの要素に使用する色。各要素が HTML である文字列の配列 色の文字列（例: colors:['red','#004411']）。

型: 文字列の配列
デフォルト: デフォルトの色
curveType

線の幅が 0 以外の場合の線の曲線を制御します。 次のいずれか 1 つを指定できます。

  • 'none' - 曲線のない直線。
  • 'function' - 線の角度を滑らかにします。
タイプ: string
デフォルト: 「none」
hAxis

さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
タイプ: object
デフォルト: null
hAxis.direction

横軸での値の増加の方向。-1 の指定先 値の並びを逆にします。

タイプ: 1 または -1
デフォルト: 1
hAxis.gridlines

横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のように、オブジェクト リテラル表記を使用できます。 

{color: '#333', minSpacing: 20}

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
hAxis.gridlines.color

グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: '#CCC'
hAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

タイプ: number
デフォルト: -1
hAxis.logScale

hAxis プロパティ。横軸を対数スケールにします（ 正の値にする必要があります）。「はい」の場合は true に設定します。

このオプションは continuous 軸でのみサポートされています。

タイプ: boolean
デフォルト: false
hAxis.maxValue

横軸の最大値を指定の値に移動します。右側に 表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。 hAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.minorGridlines

以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。 hAxis.gridlines オプション。

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
hAxis.minorGridlines.color

グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ:string
デフォルト: グリッド線と背景色の組み合わせ
hAxis.minorGridlines.count

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントは 0 に設定しますマイナーグリッド線の数が 完全に未確定の 主要なグリッド線（hAxis.gridlines.interval を参照） 最小要件である （hAxis.minorGridlines.minSpacing を参照）。

タイプ: number
デフォルト: 1
hAxis.minValue

横軸の最小値を指定した値に移動します。これは左側に 表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域に対する横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

横軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
hAxis.viewWindow.max

レンダリングする水平方向データの最大値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
hAxis.viewWindow.min

レンダリングする水平データの最小値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
height

グラフの高さ（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の高さ
interpolateNulls

欠点の値を推測するかどうか。true の場合は、 隣接ポイントに基づく欠損データのfalse の場合は、 不明な点に改行を残します。

これはサポートされていません。 面グラフ isStacked: true/'percent'/'relative'/'absolute' オプション。

タイプ: boolean
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。 そのため、左側の凡例が必要な場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

データ線の幅（ピクセル単位）。すべての線を非表示にしてポイントのみを表示するには、ゼロを使用します。Google Chat では series プロパティを使用して、個々の系列の値をオーバーライドできます。

タイプ: number
デフォルト: 2
pointShape

個々のデータ要素の形状（'circle'、'triangle'、'square'、'diamond'、'star'、'polygon'）。詳しくは、 ポイントに関するドキュメント をご覧ください。

タイプ: string
デフォルト: 'circle'
pointSize

表示されるポイントの直径（ピクセル単位）。すべてのポイントを非表示にするには、ゼロを使用します。値をオーバーライドするには series プロパティを使用して、個々の系列に対して保持します。 trendline [pointSize] オプションはオーバーライドしない限り、トレンドラインの幅に影響します trendlines.n.pointsize オプションを指定して使用します。

タイプ: number
デフォルト: 0
reverseCategories

true に設定すると、右から左に系列が描画されます。デフォルトでは左から右に描画されます。

このオプションは、 discrete major 軸。

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。 系列のデフォルト値を使用するには、空のオブジェクト {} を指定します。シリーズまたは値を指定しない場合 グローバル値が使用されます各オブジェクトは次のプロパティをサポートしています。

  • annotations - このシリーズのアノテーションに適用されるオブジェクト。この たとえば、シリーズの textStyle を制御できます。 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    使用できる内容の詳細については、さまざまな annotations オプションをご覧ください。 カスタマイズします。

  • type - このシリーズのマーカーのタイプ。有効な値は、「line」、「area」、 （例: 「bars」、「steppedArea」）。なお棒は実際には縦棒です （列）だけです。デフォルト値は、グラフの seriesType オプションで指定します。
  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • curveType - このシリーズのグローバル curveType 値をオーバーライドします。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • lineDashStyle - このオブジェクトのグローバル lineDashStyle 値をオーバーライドします。 シリーズとして提供されます
  • lineWidth - このシリーズのグローバル lineWidth 値をオーバーライドします。
  • pointShape - このオブジェクトのグローバル pointShape 値をオーバーライドします。 シリーズとして提供されます
  • pointSize - このシリーズのグローバル pointSize 値をオーバーライドします。
  • pointsVisible - このオブジェクトのグローバル pointsVisible 値をオーバーライドします。 シリーズとして提供されます
  • targetAxisIndex - この系列を割り当てる軸（0 がデフォルト）。 1 はその逆の軸です。デフォルト値は 0 です。グラフを定義するには、1 に設定します。 異なる系列がそれぞれ異なる軸でレンダリングされます。少なくとも 1 つのシリーズを割り当てる必要があります デフォルトの軸に変更できます。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列を作成することを表します。 凡例のエントリがある場合、false はそのエントリがないことを意味します。デフォルトは true です。

オブジェクトの配列（各オブジェクトは指定された順序でシリーズに適用されます）を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、凡例とすべてのラベルを描画します。 クリックします。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true に設定すると、その列はグラフでテキスト列として扱われます。

タイプ: boolean
トレンドライン

ディスプレイ トレンドライン 表示されますデフォルトでは、linear 個のトレンドラインが これは trendlines.n.type オプションでカスタマイズできます。

トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは 例: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
タイプ: object
デフォルト: null
trendlines.n.color

色 トレンドライン , 英語の色名または 16 進文字列で指定します。

タイプ: string
デフォルト: デフォルトのシリーズの色
trendlines.n.degree

対象 トレンドライン type: 'polynomial' の多項式の次数（2 二次、3 は 3 次関数など）。

タイプ: number
デフォルト: 3
trendlines.n.labelInLegend

設定すると、 トレンドライン この文字列として凡例に表示されます。

タイプ: string
デフォルト: null
trendlines.n.lineWidth

アライメントの線の太さは、 トレンドライン （ピクセル単位）。

タイプ: number
デフォルト: 2
trendlines.n.type

アプリケーションが トレンドライン 'linear'（デフォルト）、'exponential'、または 'polynomial'。

タイプ: string
デフォルト: linear
trendlines.n.visibleInLegend

アプリケーションが トレンドライン 数式が凡例に表示されます。トレンドラインのツールチップに表示されます。

タイプ: boolean
デフォルト: false
useFirstColumnAsDomain

true に設定すると、その列はグラフでドメインとして扱われます。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。 各子オブジェクトは vAxis オブジェクトで、すべてのプロパティを含めることができます。 vAxis でサポートされています。これらのプロパティ値は、バケットのグローバル設定より優先されます。 あります。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex] を選択してから、vAxes を使用して軸を設定します。「 次の例では、系列 2 を右の軸に割り当て、カスタムのタイトルとテキストを指定しています スタイル: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。 それぞれに、定義する軸を指定する数値ラベルが付いています。 上記。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルは 表記は上記の vAxis オブジェクトと同じです。 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
型: オブジェクトの配列、または子オブジェクトを持つオブジェクト
デフォルト: null
vAxis

さまざまな縦軸の要素を構成するメンバーを持つオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
タイプ: object
デフォルト: null
vAxis.direction

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

タイプ: 1 または -1
デフォルト: 1
vAxis.gridlines

縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 

{color: '#333', minSpacing: 20}

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
vAxis.gridlines.color

グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。

タイプ: string
デフォルト: '#CCC'
vAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

タイプ: number
デフォルト: -1
vAxis.logScale

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

タイプ: boolean
デフォルト: false
vAxis.maxValue

縦軸の最大値を指定の値に移動します。ほとんどのケースでは できます。データの最大 y 値より小さい値を設定した場合は無視されます。 vAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
vAxis.minorGridlines

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

タイプ: object
デフォルト: null
vAxis.minorGridlines.color

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: グリッド線と背景色の組み合わせ
vAxis.minorGridlines.count

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域に対する縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

縦軸のタイトルを指定します。

タイプ: string
デフォルト: タイトルなし
vAxis.titleTextStyle

縦軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

縦軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
vAxis.viewWindow.max

レンダリングする垂直データの最大値。

vAxis.viewWindowMode が「pretty」の場合は無視されます「maximized」です。

タイプ: number
デフォルト: auto
vAxis.viewWindow.min

レンダリングする垂直データの最小値。

vAxis.viewWindowMode が「pretty」の場合は無視されます「maximized」です。

タイプ: number
デフォルト: auto

組織図の構成オプション

名前
色

組織図要素の背景色。

タイプ: string
デフォルト: '#edf7ff'
selectionColor

選択した組織図要素の背景色。

タイプ: string
デフォルト: '#d6e9f8'
サイズ

グラフ全体のサイズ。'small'、'medium'、'large' を指定できます。

タイプ: string
デフォルト: 'medium'

円グラフの構成オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: 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
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。 そのため、左側の凡例が必要な場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

0～1 の場合、ドーナツグラフを表示します。穴の半径は グラフの半径の number 倍です。

タイプ: number
デフォルト: 0
pieSliceBorderColor

スライスの枠線の色。グラフが 2 次元の場合にのみ適用されます。

タイプ: string
デフォルト: 'white'
pieSliceText

スライスに表示されるテキストの内容。次のいずれか 1 つを指定できます。

  • 'percentage' - 合計に対するスライスサイズの割合。
  • 'value' - スライスの定量値。
  • 'label' - スライスの名前。
  • 'none' - テキストは表示されません。
タイプ: string
デフォルト: 'percentage'
pieSliceTextStyle

スライスのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{color: <string>, fontName: <string>, fontSize: <number>}

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true に設定すると、右から左に系列が描画されます。デフォルトでは左から右に描画されます。

このオプションは、 discrete major 軸。

タイプ: boolean
デフォルト: false
slices.color

このスライスに使用する色。

タイプ: string
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

散布図の構成オプション

名前
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ:string
デフォルト: 'white'
chartArea

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数または （例:'#fdc' など）または英語の色の名前。オブジェクトを使用すると、次のプロパティを 次の値を指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定されたグラフ領域の周囲に枠線が描画されます （色は stroke）。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: auto
色

グラフの要素に使用する色。各要素が HTML である文字列の配列 色の文字列（例: colors:['red','#004411']）。

型: 文字列の配列
デフォルト: デフォルトの色
curveType

線の幅が 0 以外の場合の線の曲線を制御します。 次のいずれか 1 つを指定できます。

  • 'none' - 曲線のない直線。
  • 'function' - 線の角度を滑らかにします。
タイプ:string
デフォルト: 「none」
hAxis

さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
タイプ: object
デフォルト: null
hAxis.direction

横軸での値の増加の方向。-1 の指定先 値の並びを逆にします。

タイプ: 1 または -1
デフォルト: 1
hAxis.gridlines

横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のように、オブジェクト リテラル表記を使用できます。 

{color: '#333', minSpacing: 20}

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
hAxis.gridlines.color

グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: '#CCC'
hAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

タイプ: number
デフォルト: -1
hAxis.logScale

hAxis プロパティ。横軸を対数スケールにします（ 正の値にする必要があります）。「はい」の場合は true に設定します。

このオプションは continuous 軸でのみサポートされています。

タイプ: boolean
デフォルト: false
hAxis.maxValue

横軸の最大値を指定の値に移動します。右側に 表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。 hAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.minorGridlines

以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。 hAxis.gridlines オプション。

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
hAxis.minorGridlines.color

グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: グリッド線と背景色の組み合わせ
hAxis.minorGridlines.count

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントは 0 に設定しますマイナーグリッド線の数が 完全に未確定の 主要なグリッド線（hAxis.gridlines.interval を参照） 最小要件である （hAxis.minorGridlines.minSpacing を参照）。

タイプ: number
デフォルト: 1
hAxis.minValue

横軸の最小値を指定した値に移動します。これは左側に 表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。 hAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
hAxis.textPosition

グラフ領域に対する横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

横軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
hAxis.viewWindow.max

レンダリングする水平方向データの最大値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
hAxis.viewWindow.min

レンダリングする水平データの最小値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
height

グラフの高さ（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の高さ
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。 そのため、左側の凡例が必要な場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top'- グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

データ線の幅（ピクセル単位）。すべての線を非表示にしてポイントのみを表示するには、ゼロを使用します。Google Chat では series プロパティを使用して、個々の系列の値をオーバーライドできます。

タイプ: number
デフォルト: 2
pointShape

個々のデータ要素の形状（'circle'、'triangle'、'square'、'diamond'、'star'、'polygon'）。詳しくは、 ポイントに関するドキュメント をご覧ください。

タイプ: string
デフォルト: 'circle'
pointSize

表示されるポイントの直径（ピクセル単位）。すべてのポイントを非表示にするには、ゼロを使用します。値をオーバーライドするには series プロパティを使用して、個々の系列に対して保持します。 trendline [pointSize] オプションはオーバーライドしない限り、トレンドラインの幅に影響します trendlines.n.pointsize オプションを指定して使用します。

タイプ: number
デフォルト: 0
シリーズ

オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。用途 空のオブジェクト {} を指定します。シリーズまたは値を指定しない場合 グローバル値が使用されます各オブジェクトは次のプロパティをサポートしています。

  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • lineWidth - このシリーズのグローバル lineWidth 値をオーバーライドします。
  • pointShape - このオブジェクトのグローバル pointShape 値をオーバーライドします。 シリーズとして提供されます
  • pointSize - このシリーズのグローバル pointSize 値をオーバーライドします。
  • pointsVisible - このオブジェクトのグローバル pointsVisible 値をオーバーライドします。 シリーズとして提供されます
  • visibleInLegend - boolean 値。true は系列を作成することを表します。 凡例のエントリがある場合、false はそのエントリがないことを意味します。デフォルトは true です。

指定した順序で系列に適用されるオブジェクトの配列を指定することも、各子にどの系列を適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じです。1 つ目のシリーズは黒で凡例に存在しないため、4 つ目のシリーズは赤色で凡例に存在しないことが宣言されています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、凡例とすべてのラベルを描画します。 クリックします。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true に設定すると、その列はグラフでテキスト列として扱われます。

タイプ: boolean
トレンドライン

ディスプレイ トレンドライン 表示されますデフォルトでは、linear 個のトレンドラインが これは trendlines.n.type オプションでカスタマイズできます。

トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは 例: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
タイプ: object
デフォルト: null
trendlines.n.color

色 トレンドライン , 英語の色名または 16 進文字列で指定します。

タイプ: string
デフォルト: デフォルトのシリーズの色
trendlines.n.degree

対象 トレンドライン type: 'polynomial' の多項式の次数（2 二次、3 は 3 次関数など）。

タイプ: number
デフォルト: 3
trendlines.n.labelInLegend

設定すると、 トレンドライン この文字列として凡例に表示されます。

タイプ: string
デフォルト: null
trendlines.n.lineWidth

アライメントの線の太さは、 トレンドライン （ピクセル単位）。

タイプ: number
デフォルト: 2
trendlines.n.type

アプリケーションが トレンドライン 'linear'（デフォルト）、'exponential'、または 'polynomial'。

タイプ: string
デフォルト: linear
trendlines.n.visibleInLegend

アプリケーションが トレンドライン 数式が凡例に表示されます。トレンドラインのツールチップに表示されます。

タイプ: boolean
デフォルト: false
useFirstColumnAsDomain

true に設定すると、その列はグラフでドメインとして扱われます。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。 各子オブジェクトは vAxis オブジェクトで、すべてのプロパティを含めることができます。 vAxis でサポートされています。これらのプロパティ値は、バケットのグローバル設定より優先されます。 あります。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex] を選択してから、vAxes を使用して軸を設定します。「 次の例では、系列 2 を右の軸に割り当て、カスタムのタイトルとテキストを指定しています スタイル: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。 それぞれに、定義する軸を指定する数値ラベルが付いています。 上記。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルは 表記は上記の vAxis オブジェクトと同じです。 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
型: オブジェクトの配列、または子オブジェクトを持つオブジェクト
デフォルト: null
vAxis

さまざまな縦軸の要素を構成するメンバーを持つオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
タイプ: object
デフォルト: null
vAxis.direction

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

タイプ: 1 または -1
デフォルト: 1
vAxis.gridlines

縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 

{color: '#333', minSpacing: 20}

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
vAxis.gridlines.color

グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。

タイプ: string
デフォルト: '#CCC'
vAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

タイプ: number
デフォルト: -1
vAxis.logScale

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

タイプ: boolean
デフォルト: false
vAxis.maxValue

縦軸の最大値を指定の値に移動します。ほとんどのケースでは できます。データの最大 y 値より小さい値を設定した場合は無視されます。 vAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
vAxis.minorGridlines

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

タイプ: object
デフォルト: null
vAxis.minorGridlines.color

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: グリッド線と背景色の組み合わせ
vAxis.minorGridlines.count

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域に対する縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

縦軸のタイトルを指定します。

タイプ: string
デフォルト: タイトルなし
vAxis.titleTextStyle

縦軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

縦軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
vAxis.viewWindow.max

レンダリングする垂直データの最大値。

vAxis.viewWindowMode が「pretty」の場合は無視されます「maximized」です。

タイプ: number
デフォルト: auto
vAxis.viewWindow.min

レンダリングする垂直データの最小値。

vAxis.viewWindowMode が「pretty」の場合は無視されます「maximized」です。

タイプ: number
デフォルト: auto

階段面グラフの構成オプション

名前
areaOpacity

面グラフの系列の下にある色付きの面のデフォルトの不透明度。 0.0 は完全に透明で、1.0 は完全に不透明です。透明度と基軸の不透明度を 個々の系列を設定するには、series プロパティの areaOpacity 値を設定します。

タイプ: number、0.0- 1.0
デフォルト: 0.3
backgroundColor

グラフのメイン領域の背景色。単純な HTML カラー文字列、 たとえば、'red' や '#00cc00'、または プロパティです。

タイプ: string または object
デフォルト: 'white'
backgroundColor.fill

グラフの塗りつぶしの色。HTML の色文字列で指定します。

タイプ: string
デフォルト: 'white'
chartArea

グラフ領域（グラフ領域）の配置とサイズを設定するメンバーを含むオブジェクト。 軸と凡例は除きます。サポートされている形式は、数字と 数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、 パーセンテージ。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}

タイプ: object
デフォルト: null
chartArea.backgroundColor
グラフ領域の背景色。文字列を使用する場合は、16 進数または （例:'#fdc' など）または英語の色の名前。オブジェクトを使用すると、次のプロパティを 次の値を指定できます。
  • stroke: 色。16 進数文字列または英語の色名で指定します。
  • strokeWidth: 指定すると、指定されたグラフ領域の周囲に枠線が描画されます （色は stroke）。
タイプ: string または object
デフォルト: 'white'
chartArea.height

グラフ領域の高さ。

タイプ: number または string
デフォルト: auto
chartArea.left

左の枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.top

上枠線からグラフを描画する距離。

タイプ: number または string
デフォルト: auto
chartArea.width

グラフ領域の幅。

タイプ: number または string
デフォルト: auto
色

グラフの要素に使用する色。各要素が HTML である文字列の配列 色の文字列（例: colors:['red','#004411']）。

型: 文字列の配列
デフォルト: デフォルトの色
hAxis

さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
タイプ: object
デフォルト: null
hAxis.direction

横軸での値の増加の方向。-1 の指定先 値の並びを逆にします。

タイプ: 1 または -1
デフォルト: 1
hAxis.textPosition

グラフ領域に対する横軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
hAxis.textStyle

横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

横軸のタイトルを指定する hAxis プロパティ。

タイプ: string
デフォルト: null
hAxis.titleTextStyle

横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

横軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
hAxis.viewWindow.max

レンダリングする水平方向データの最大値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
hAxis.viewWindow.min

レンダリングする水平データの最小値。

hAxis.viewWindowMode が 'pretty' または 'maximized' の場合は無視されます。

タイプ: number
デフォルト: auto
height

グラフの高さ（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の高さ
isStacked

true に設定すると、各ドメイン値ですべてのシリーズの要素がスタックされます。 注: 列 Area、 SteppedArea グラフ、 グラフの積み重ねに合わせて、凡例の項目の順序を逆にして 系列要素（たとえば、系列 0 は一番下の凡例項目になります）。この は 以下には適用されません。 棒グラフ

isStacked オプションは 100% のスタッキングもサポートしています。つまり、要素のスタックは 合計が 100% になるように再スケーリングされます。

isStacked のオプションは次のとおりです。

  • false - 要素はスタックされません。これがデフォルトのオプションです。
  • true - 各ドメイン値ですべてのシリーズの要素をスタックします。
  • 'percent' - 各ドメイン値ですべての系列の要素をスタックします。 合計が 100% になるように再スケーリングします。各要素の値は、 できます。
  • 'relative' - 各ドメイン値ですべての系列の要素をスタックします。 合計が 1 になるように再スケーリングします。各要素の値は 割り振られます。
  • 'absolute' - isStacked: true と同じように機能します。

100% スタッキングの場合、各要素の計算値は、 使用します。

ターゲット軸は、相対的に 0 ～ 1 のスケールに基づく目盛り値をデフォルトで分数として設定します 'relative' は 1、'percent' は 0 ～ 100% （注: 'percent' オプションを使用する場合、軸/目盛りの値は パーセンテージで表示されますが、実際の値は 0 ～ 1 の相対的なスケール値です。 これは、割合軸の目盛りが「#.##%」という形式を適用した結果であるためです。から 0 ～ 1 の相対的なスケール値。isStacked: 'percent' を使用する場合は、 0 ～ 1 の相対的なスケール値を使用して目盛りやグリッド線を指定します）。必要に応じて グリッド線/目盛りの値、適切な hAxis/vAxis オプションを使用した書式設定。

100% スタッキングは number 型のデータ値のみをサポートし、 ベースラインは 0 になります

タイプ: boolean/ string
デフォルト: false
凡例

凡例のさまざまな要素を構成するメンバーを含むオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: object
デフォルト: null
legend.position

凡例の位置。次のいずれか 1 つを指定できます。

  • 'bottom' - グラフの下。
  • 'left' - グラフの左側（左の軸に系列が関連付けられていない場合）。 そのため、左側の凡例が必要な場合は、targetAxisIndex: 1 オプションを使用します。
  • 'in' - グラフ内の左上。
  • 'none' - 凡例は表示されません。
  • 'right' - グラフの右側vAxes オプションとは互換性がありません。
  • 'top' - グラフの上部。
タイプ: string
デフォルト: 'right'
legendTextStyle

凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

true に設定すると、右から左に系列が描画されます。デフォルトでは左から右に描画されます。

このオプションは、 discrete major 軸。

タイプ: boolean
デフォルト: false
シリーズ

オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。 系列のデフォルト値を使用するには、空のオブジェクト {} を指定します。シリーズまたは値を指定しない場合 グローバル値が使用されます各オブジェクトは次のプロパティをサポートしています。

  • areaOpacity - このシリーズのグローバル areaOpacity をオーバーライドします。
  • color - このシリーズに使用する色。有効な HTML カラー文字列を指定します。
  • type - このシリーズのマーカーのタイプ。有効な値は、「line」、「area」、 （例: 「bars」、「steppedArea」）。なお棒は実際には縦棒です （列）だけです。デフォルト値は、グラフの seriesType オプションで指定します。
  • labelInLegend - グラフの凡例に表示される系列の説明。
  • lineDashStyle - このオブジェクトのグローバル lineDashStyle 値をオーバーライドします。 シリーズとして提供されます
  • targetAxisIndex - この系列を割り当てる軸（0 がデフォルト）。 1 はその逆の軸です。デフォルト値は 0 です。グラフを定義するには、1 に設定します。 異なる系列がそれぞれ異なる軸でレンダリングされます。少なくとも 1 つのシリーズを割り当てる必要があります デフォルトの軸に変更できます。軸ごとに異なるスケールを定義できます。
  • visibleInLegend - boolean 値。true は系列を作成することを表します。 凡例のエントリがある場合、false はそのエントリがないことを意味します。デフォルトは true です。

指定した順序で系列に適用されるオブジェクトの配列を指定することも、各子にどの系列を適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同じで、最初の系列は凡例に黒く、凡例に存在しない 4 番目は赤色で、凡例に存在しないと宣言しています。 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
テーマ

テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。

  • 'maximized' - グラフの領域を最大化し、凡例とすべてのラベルを描画します。 クリックします。
タイプ: string
デフォルト: null
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

true に設定すると、その列はグラフでテキスト列として扱われます。

タイプ: boolean
useFirstColumnAsDomain

true に設定すると、その列はグラフでドメインとして扱われます。

タイプ: boolean
vAxes

グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。 各子オブジェクトは vAxis オブジェクトで、すべてのプロパティを含めることができます。 vAxis でサポートされています。これらのプロパティ値は、バケットのグローバル設定より優先されます。 あります。

複数の縦軸を持つグラフを指定するには、まず series.targetAxisIndex] を選択してから、vAxes を使用して軸を設定します。「 次の例では、系列 2 を右の軸に割り当て、カスタムのタイトルとテキストを指定しています スタイル: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。 それぞれに、定義する軸を指定する数値ラベルが付いています。 上記。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルは 表記は上記の vAxis オブジェクトと同じです。 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
型: オブジェクトの配列、または子オブジェクトを持つオブジェクト
デフォルト: null
vAxis

さまざまな縦軸の要素を構成するメンバーを持つオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
タイプ: object
デフォルト: null
vAxis.direction

縦軸での値の増加の方向。デフォルトでは、低い値には グラフの下部に表示されます-1 の指定先 値の並びを逆にします。

タイプ: 1 または -1
デフォルト: 1
vAxis.gridlines

縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 

{color: '#333', minSpacing: 20}

このオプションは、 continuous 軸になります。

タイプ: object
デフォルト: null
vAxis.gridlines.color

グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。

タイプ: string
デフォルト: '#CCC'
vAxis.gridlines.count

グラフ領域内の水平グリッド線のおおよその数。 gridlines.count に正の数を指定すると、 グリッド線間の minSpacing を計算するために使用されます。 値を 1 に指定すると、1 つのグリッド線のみを描画できます。 グリッド線を描画しない場合は 0 です。 デフォルトの -1 を指定します。 グリッド線の数を自動的に計算する 決定します

タイプ: number
デフォルト: -1
vAxis.logScale

true の場合、縦軸を対数スケールにします。注: 値はすべて正数で指定する必要があります。

タイプ: boolean
デフォルト: false
vAxis.maxValue

縦軸の最大値を指定の値に移動します。ほとんどのケースでは できます。データの最大 y 値より小さい値を設定した場合は無視されます。 vAxis.viewWindow.max はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: 自動
vAxis.minorGridlines

以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。

タイプ: object
デフォルト: null
vAxis.minorGridlines.color

グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。

タイプ: string
デフォルト: グリッド線と背景色の組み合わせ
vAxis.minorGridlines.count

minorGridlines.count オプションは、マイナーなグリッド線を無効にすることを除き、ほぼ非推奨となりました カウントを 0 に設定します。副グリッド線の数は、 必要な最小スペースを確保できます。

タイプ: number
デフォルト: 1
vAxis.minValue

縦軸の最小値を指定された値に移動します。一定の期間で 表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。 vAxis.viewWindow.min はこのプロパティをオーバーライドします。

タイプ: number
デフォルト: null
vAxis.textPosition

グラフ領域に対する縦軸のテキストの位置。サポートされている値: 'out'、'in'、'none'。

タイプ: string
デフォルト: 'out'
vAxis.textStyle

縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

縦軸のタイトルを指定します。

タイプ: string
デフォルト: タイトルなし
vAxis.titleTextStyle

縦軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

縦軸の切り抜き範囲を指定します。

タイプ: object
デフォルト: null
vAxis.viewWindow.max

レンダリングする垂直データの最大値。

vAxis.viewWindowMode が「pretty」の場合は無視されます「maximized」です。

タイプ: number
デフォルト: auto
vAxis.viewWindow.min

レンダリングする垂直データの最小値。

vAxis.viewWindowMode が「pretty」の場合は無視されます「maximized」です。

タイプ: number
デフォルト: auto
幅

グラフの幅（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の幅

表グラフの構成オプション

名前
alternatingRowStyle

奇数行と偶数行に交互の背景色スタイルを割り当てるかどうかを指定します。

タイプ: boolean
デフォルト: true
height

グラフの高さ（ピクセル単位）。

タイプ: number
デフォルト: 含まれる要素の高さ
page

データのページングを有効にするかどうかとその方法。次のいずれかの 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

maxColorValue の中間に列 3 の値がある長方形の色 および minColorValue。HTML のカラー値を指定します。

タイプ: string
デフォルト: #000000
minColor

列 3 の値が minColorValue の長方形の色。次のように指定します。 HTML の色の値。

タイプ: string
デフォルト: #dd0000
noColor

ノードに列 3 の値がなく、かつそのノードが リーフ（または葉のみを含む）を指定します。HTML の色の値を指定します。

タイプ: string
デフォルト: #000000
subtitle

グラフのタイトルの下に表示されるテキスト。

タイプ: string
デフォルト: タイトルなし
subtitleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

タイトルのテキスト スタイルを指定するオブジェクト。色には任意の HTML を使用できます。 色の文字列（例: 'red'、'#00cc00'）。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

グラフの上部に表示するテキストです。

タイプ: string
デフォルト: タイトルなし
titleTextStyle

タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color には、任意の HTML カラー文字列（'red' など）を指定できます。 '#00cc00'。fontName と fontSize もご覧ください。

タイプ: object
デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}