グラフの種類
- アノテーション チャート
- 面グラフ
- 棒グラフ
- バブルチャート
- カレンダー
- ローソク足チャート
- 縦棒グラフ
- 複合グラフ
- ゲージ
- ジオチャート
- Histogram
- 折れ線グラフ
- 組織図
- Pie chart
- 散布図
- 階段面グラフ
- 表グラフ
- タイムライン
- ツリーマップ
アノテーション グラフの構成オプション
名前 | |
---|---|
色 | グラフの要素に使用する色。文字列の配列。各要素は HTML カラー文字列です(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
displayRangeSelector | ズーム範囲の選択領域(グラフの下部にある領域)を表示するかどうかを指定します。 ズーム セレクタの枠線は、グラフの最初の系列の対数スケール バージョンで、ズーム セレクタの高さに合わせてスケーリングされます。 タイプ:
boolean デフォルト:
true |
displayZoomButtons |
ズームボタン(「1d 5d 1m」など)を表示するかどうかを指定します。 タイプ:
boolean デフォルト:
true |
最大 |
Y 軸に表示する最大値。最大データポイントがこの値を超えると、
設定は無視され、次の大きな目盛りを表示するためにグラフが調整されます。
超えています。これは、指定した Y 軸の最大値よりも優先されます。
作成者: コアグラフの タイプ:
number デフォルト: 自動
|
分 |
Y 軸に表示する最小値です。最小データポイントがこの値より小さい場合、
この設定は無視され、次の大きな目盛りを表示するようにグラフが調整されます。
マークしますこれは Y 軸の最小値よりも優先されます。
コアグラフの タイプ:
number デフォルト: 自動
|
面グラフの構成オプション
名前 | |
---|---|
areaOpacity |
面グラフの系列の下にある色付きの面のデフォルトの不透明度。
タイプ:
number 、0.0- 1.0 デフォルト:
0.3 |
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ:
number または string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.direction |
横軸での値の増加の方向。 タイプ:
1 または -1 デフォルト:
1 |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.logScale |
このオプションは タイプ:
boolean デフォルト:
false |
hAxis.maxValue |
横軸の最大値を指定の値に移動します。右側に
表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.minValue |
横軸の最小値を指定した値に移動します。これは左側に
表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
interpolateNulls |
欠点の値を推測するかどうか。
これはサポートされていません。
面グラフ
タイプ:
boolean デフォルト:
false |
isStacked |
100% スタッキングの場合、各要素の計算値は、 使用します。
ターゲット軸は、相対的に 0 ~ 1 のスケールに基づく目盛り値をデフォルトで分数として設定します
100% スタッキングは タイプ:
boolean /string デフォルト:
false |
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
データ線の幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。Google Chat では
タイプ:
number デフォルト:
2 |
pointShape |
個々のデータ要素の形状( タイプ:
string デフォルト:
'circle' |
pointSize |
表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。値をオーバーライドするには
タイプ:
number デフォルト:
0 |
reverseCategories |
タイプ:
boolean デフォルト:
false |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。デフォルトを使用するには
空のオブジェクト
指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
タイプ:
boolean |
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
棒グラフの構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ: 数値または
string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
hAxes |
グラフに複数の水平軸がある場合に、個々の水平軸のプロパティを指定します
軸になります。各子オブジェクトは
複数の横軸を持つグラフを指定するには、まず
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列は、軸ごとに 1 つのオブジェクトの配列です。たとえば、次の配列スタイルは
表記は上記の 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 |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.logScale |
このオプションは タイプ:
boolean デフォルト:
false |
hAxis.maxValue |
横軸の最大値を指定の値に移動します。右側に
表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.minValue |
横軸の最小値を指定した値に移動します。これは左側に
表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
isStacked |
100% スタッキングの場合、各要素の計算値は、 使用します。
ターゲット軸は、相対的に 0 ~ 1 のスケールに基づく目盛り値をデフォルトで分数として設定します
100% スタッキングは タイプ:
boolean /string デフォルト:
false |
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
タイプ:
boolean デフォルト:
false |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。
系列のデフォルト値を使用するには、空のオブジェクト
指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
トレンドライン |
ディスプレイ
<ph type="x-smartling-placeholder"></ph>
トレンドライン
表示されますデフォルトでは、
トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは 例: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } タイプ:
object デフォルト:
null |
trendlines.n.color |
色 <ph type="x-smartling-placeholder"></ph> トレンドライン , 英語の色名または 16 進文字列で指定します。 タイプ:
string デフォルト: デフォルトのシリーズの色
|
trendlines.n.degree |
対象
<ph type="x-smartling-placeholder"></ph>
トレンドライン
タイプ:
number デフォルト:
3 |
trendlines.n.labelInLegend |
設定すると、 <ph type="x-smartling-placeholder"></ph> トレンドライン この文字列として凡例に表示されます。 タイプ:
string デフォルト:
null |
trendlines.n.lineWidth |
アライメントの線の太さは、 <ph type="x-smartling-placeholder"></ph> トレンドライン(ピクセル単位) タイプ:
number デフォルト:
2 |
trendlines.n.type |
アプリケーションが
<ph type="x-smartling-placeholder"></ph>
トレンドライン
タイプ:
string デフォルト:
linear |
trendlines.n.visibleInLegend |
アプリケーションが <ph type="x-smartling-placeholder"></ph> トレンドライン 数式が凡例に表示されます。トレンドラインのツールチップに表示されます。 タイプ:
boolean デフォルト:
false |
useFirstColumnAsDomain |
タイプ:
boolean |
vAxis |
さまざまな縦軸の要素を構成するメンバーを持つオブジェクト。これらの Pod のプロパティを 次に示すように、オブジェクト リテラル表記を使用できます。 {title: 'Hello', titleTextStyle: {color: '#FF0000'}} タイプ:
object デフォルト:
null |
vAxis.direction |
縦軸での値の増加の方向。デフォルトでは、低い値には
グラフの下部に表示されます タイプ:
1 または -1 デフォルト:
1 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
バブルチャートの構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
バルーン |
バブルの視覚的プロパティを設定するメンバーを持つオブジェクト。 タイプ:
object デフォルト:
null |
bubble.opacity |
バブルの不透明度。 タイプ: 0.0 ~ 1.0 の数値
デフォルト: 0.8
|
bubble.stroke |
バブルの色は、できます。 タイプ:
string デフォルト:
'#ccc' |
bubble.textStyle |
ふきだしのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 {color: <string>, fontName: <string>, fontSize: <number>}
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ:
number または string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.direction |
横軸での値の増加の方向。 タイプ:
1 または -1 デフォルト:
1 |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.logScale |
このオプションは タイプ:
boolean デフォルト:
false |
hAxis.maxValue |
横軸の最大値を指定の値に移動します。右側に
表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.minValue |
横軸の最小値を指定した値に移動します。これは左側に
表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
シリーズ |
オブジェクトのオブジェクト。キーはシリーズ名([Color] 列の値)です。 各オブジェクトは、グラフ内の対応する系列の形式を表します。もし 値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートしています。
series: {'Europe': {color: 'green'}} タイプ: ネストされたオブジェクトを持つオブジェクト
デフォルト:
{} |
sizeAxis |
バブルのサイズに値を関連付ける方法を構成するメンバーを含むオブジェクト。指定する 次のようにオブジェクト リテラル表記を使用できます。 {minValue: 0, maxSize: 20} タイプ:
object デフォルト:
null |
sizeAxis.maxSize |
バブルの最大半径(ピクセル単位)。 タイプ:
number デフォルト: 30
|
sizeAxis.minSize |
設定可能な最小のバブルの最小半径(ピクセル単位)。 タイプ:
number デフォルト: 5
|
subtitle |
グラフのタイトルの下に表示されるテキスト。 タイプ:
string デフォルト: タイトルなし
|
subtitleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
タイプ:
boolean |
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
カレンダーの構成オプション
名前 | |
---|---|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
幅 |
グラフの幅(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の幅
|
ローソク足チャートの構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ:
number または string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.direction |
横軸での値の増加の方向。 タイプ:
1 または -1 デフォルト:
1 |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.logScale |
このオプションは タイプ:
boolean デフォルト:
false |
hAxis.maxValue |
横軸の最大値を指定の値に移動します。右側に
表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.minValue |
横軸の最小値を指定した値に移動します。これは左側に
表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
タイプ:
boolean デフォルト:
false |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。
系列のデフォルト値を使用するには、空のオブジェクト
指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
縦棒グラフの構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
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 である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.direction |
横軸での値の増加の方向。 タイプ:
1 または -1 デフォルト:
1 |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.logScale |
このオプションは タイプ:
boolean デフォルト:
false |
hAxis.maxValue |
横軸の最大値を指定の値に移動します。右側に
表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.minValue |
横軸の最小値を指定した値に移動します。これは左側に
表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
isStacked |
100% スタッキングの場合、各要素の計算値は、 使用します。
ターゲット軸は、相対的に 0 ~ 1 のスケールに基づく目盛り値をデフォルトで分数として設定します
100% スタッキングは タイプ:
boolean /string デフォルト:
false |
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
タイプ:
boolean デフォルト:
false |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。
系列のデフォルト値を使用するには、空のオブジェクト
オブジェクトの配列(各オブジェクトは指定された順序でシリーズに適用されます)を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
トレンドライン |
ディスプレイ
<ph type="x-smartling-placeholder"></ph>
トレンドライン
表示されますデフォルトでは、
トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは 例: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } タイプ:
object デフォルト:
null |
trendlines.n.color |
色 <ph type="x-smartling-placeholder"></ph> トレンドライン , 英語の色名または 16 進文字列で指定します。 タイプ:
string デフォルト: デフォルトのシリーズの色
|
trendlines.n.degree |
対象
<ph type="x-smartling-placeholder"></ph>
トレンドライン
タイプ:
number デフォルト:
3 |
trendlines.n.labelInLegend |
設定すると、 <ph type="x-smartling-placeholder"></ph> トレンドライン この文字列として凡例に表示されます。 タイプ:
string デフォルト:
null |
trendlines.n.lineWidth |
アライメントの線の太さは、 <ph type="x-smartling-placeholder"></ph> トレンドライン(ピクセル単位) タイプ:
number デフォルト:
2 |
trendlines.n.type |
アプリケーションが
<ph type="x-smartling-placeholder"></ph>
トレンドライン
タイプ:
string デフォルト:
linear |
trendlines.n.visibleInLegend |
アプリケーションが <ph type="x-smartling-placeholder"></ph> トレンドライン 数式が凡例に表示されます。トレンドラインのツールチップに表示されます。 タイプ:
boolean デフォルト:
false |
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
複合グラフの構成オプション
名前 | |
---|---|
areaOpacity |
面グラフの系列の下にある色付きの面のデフォルトの不透明度。
タイプ:
number 、0.0- 1.0 デフォルト:
0.3 |
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ:
number または string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
curveType |
線の幅が 0 以外の場合の線の曲線を制御します。 次のいずれか 1 つを指定できます。
タイプ:
string デフォルト: 「none」
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.direction |
横軸での値の増加の方向。 タイプ:
1 または -1 デフォルト:
1 |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.logScale |
このオプションは タイプ:
boolean デフォルト:
false |
hAxis.maxValue |
横軸の最大値を指定の値に移動します。右側に
表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.minValue |
横軸の最小値を指定した値に移動します。これは左側に
表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
interpolateNulls |
欠点の値を推測するかどうか。
これはサポートされていません。
面グラフ
タイプ:
boolean デフォルト:
false |
isStacked |
100% スタッキングの場合、各要素の計算値は、 使用します。
ターゲット軸は、相対的に 0 ~ 1 のスケールに基づく目盛り値をデフォルトで分数として設定します
100% スタッキングは タイプ:
boolean /string デフォルト:
false |
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
データ線の幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。Google Chat では
タイプ:
number デフォルト:
2 |
pointShape |
個々のデータ要素の形状( タイプ:
string デフォルト:
'circle' |
pointSize |
表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。値をオーバーライドするには
タイプ:
number デフォルト:
0 |
reverseCategories |
タイプ:
boolean デフォルト:
false |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。デフォルトを使用するには
空のオブジェクト
指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
ゲージの構成オプション
名前 | |
---|---|
greenColor |
HTML のカラー表記による緑のセクションに使用する色。 タイプ:
string デフォルト:
'#109618' |
greenFrom |
緑色でマークされた範囲の最小値。 タイプ:
number デフォルト: なし
|
greenTo |
緑色でマークされた範囲の最大値。 タイプ:
number デフォルト: なし
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: コンテナの幅
|
最大 |
Y 軸に表示する最大値。最大データポイントがこの値を超えると、
設定は無視され、次の大きな目盛りを表示するためにグラフが調整されます。
超えています。これは、指定した Y 軸の最大値よりも優先されます。
作成者: コアグラフの タイプ:
number デフォルト: 自動
|
分 |
Y 軸に表示する最小値です。最小データポイントがこの値より小さい場合、
この設定は無視され、次の大きな目盛りを表示するようにグラフが調整されます。
マークしますこれは Y 軸の最小値よりも優先されます。
コアグラフの タイプ:
number デフォルト: 自動
|
redColor |
HTML のカラー表記で、赤のセクションに使用する色。 タイプ:
string デフォルト:
'#DC3912' |
redFrom |
赤色でマークされた範囲の最小値。 タイプ:
number デフォルト: なし
|
redTo |
赤色でマークされた範囲の最大値。 タイプ:
number デフォルト: なし
|
幅 |
グラフの幅(ピクセル単位)。 タイプ:
number デフォルト: コンテナの幅
|
yellowColor |
HTML カラー表記の黄色のセクションに使用する色。 タイプ:
string デフォルト:
'#FF9900' |
yellowFrom |
黄色でマークされた範囲の最小値。 タイプ:
number デフォルト: なし
|
yellowTo |
黄色でマークされた範囲の最大値。 タイプ:
number デフォルト: なし
|
Geochart の設定オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
datalessRegionColor |
関連データがないリージョンに割り当てる色。 タイプ:
string デフォルト:
'#F5F5F5' |
defaultColor |
ジオチャート内のデータポイントの色です。
(例: タイプ:
string デフォルト:
'#267114' |
displayMode |
これはどのタイプのジオチャートでしょうか。DataTable の形式は、指定された値と一致する必要があります。「 次の値がサポートされています。
タイプ:
string デフォルト: 「auto」
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
地域 |
ジオチャートに表示する領域。周囲のエリアも表示されます。可能 次のいずれかになります。
タイプ:
string デフォルト: 「world」
|
幅 |
グラフの幅(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の幅
|
ヒストグラムの構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ: 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 である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
histogram.bucketSize |
各ヒストグラム バーのサイズを決定せずにハードコードする 必要があります。 タイプ:
number デフォルト: auto
|
histogram.hideBucketItems |
ヒストグラムのブロック間の細い除算を省略して、 表示されます。 タイプ:
boolean デフォルト:
false |
histogram.lastBucketPercentile |
ヒストグラムのバケットサイズを計算するときは、上限と下限を無視する
タイプ:
number デフォルト:
0 |
interpolateNulls |
欠点の値を推測するかどうか。
これはサポートされていません。
面グラフ
タイプ:
boolean デフォルト:
false |
isStacked |
100% スタッキングの場合、各要素の計算値は、 使用します。
ターゲット軸は、相対的に 0 ~ 1 のスケールに基づく目盛り値をデフォルトで分数として設定します
100% スタッキングは タイプ:
boolean /string デフォルト:
false |
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
タイプ:
boolean デフォルト:
false |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。用途
空のオブジェクト
オブジェクトの配列(各オブジェクトは指定された順序でシリーズに適用されます)を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
幅 |
グラフの幅(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の幅
|
折れ線グラフの構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ:
number または string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
curveType |
線の幅が 0 以外の場合の線の曲線を制御します。 次のいずれか 1 つを指定できます。
タイプ:
string デフォルト: 「none」
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.direction |
横軸での値の増加の方向。 タイプ:
1 または -1 デフォルト:
1 |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.logScale |
このオプションは タイプ:
boolean デフォルト:
false |
hAxis.maxValue |
横軸の最大値を指定の値に移動します。右側に
表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.minValue |
横軸の最小値を指定した値に移動します。これは左側に
表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
interpolateNulls |
欠点の値を推測するかどうか。
これはサポートされていません。
面グラフ
タイプ:
boolean デフォルト:
false |
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
データ線の幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。Google Chat では
タイプ:
number デフォルト:
2 |
pointShape |
個々のデータ要素の形状( タイプ:
string デフォルト:
'circle' |
pointSize |
表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。値をオーバーライドするには
タイプ:
number デフォルト:
0 |
reverseCategories |
タイプ:
boolean デフォルト:
false |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。
系列のデフォルト値を使用するには、空のオブジェクト
指定した順序で各オブジェクトがシリーズに適用されるオブジェクトの配列を指定することも、それぞれの子にどのシリーズを適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
タイプ:
boolean |
トレンドライン |
ディスプレイ
<ph type="x-smartling-placeholder"></ph>
トレンドライン
表示されますデフォルトでは、
トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは 例: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } タイプ:
object デフォルト:
null |
trendlines.n.color |
色 <ph type="x-smartling-placeholder"></ph> トレンドライン , 英語の色名または 16 進文字列で指定します。 タイプ:
string デフォルト: デフォルトのシリーズの色
|
trendlines.n.degree |
対象
<ph type="x-smartling-placeholder"></ph>
トレンドライン
タイプ:
number デフォルト:
3 |
trendlines.n.labelInLegend |
設定すると、 <ph type="x-smartling-placeholder"></ph> トレンドライン この文字列として凡例に表示されます。 タイプ:
string デフォルト:
null |
trendlines.n.lineWidth |
アライメントの線の太さは、 <ph type="x-smartling-placeholder"></ph> トレンドライン (ピクセル単位)。 タイプ:
number デフォルト:
2 |
trendlines.n.type |
アプリケーションが
<ph type="x-smartling-placeholder"></ph>
トレンドライン
タイプ:
string デフォルト:
linear |
trendlines.n.visibleInLegend |
デバイスが <ph type="x-smartling-placeholder"></ph> トレンドライン 数式が凡例に表示されます。トレンドラインのツールチップに表示されます。 タイプ:
boolean デフォルト:
false |
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
組織図の構成オプション
名前 | |
---|---|
色 |
組織図要素の背景色。 タイプ:
デフォルト:
'#edf7ff' |
selectionColor |
選択した組織図要素の背景色。 タイプ:
string デフォルト:
'#d6e9f8' |
サイズ |
グラフ全体のサイズ。 タイプ:
string デフォルト:
'medium' |
円グラフの構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ:
number または string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
is3D |
タイプ:
boolean デフォルト:
false |
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
pieHole |
タイプ:
number デフォルト:
0 |
pieSliceBorderColor |
スライスの枠線の色。グラフが 2 次元の場合にのみ適用されます。 タイプ:
string デフォルト:
'white' |
pieSliceText |
スライスに表示されるテキストの内容。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'percentage' |
pieSliceTextStyle |
スライスのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 {color: <string>, fontName: <string>, fontSize: <number>}
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
タイプ:
boolean デフォルト:
false |
slices.color |
このスライスに使用する色。 タイプ:
string |
subtitle |
グラフのタイトルの下に表示されるテキスト。 タイプ:
string デフォルト: タイトルなし
|
subtitleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
散布図の構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ:
number または string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
curveType |
線の幅が 0 以外の場合の線の曲線を制御します。 次のいずれか 1 つを指定できます。
タイプ:
string デフォルト: 「none」
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.direction |
横軸での値の増加の方向。 タイプ:
1 または -1 デフォルト:
1 |
hAxis.gridlines |
横軸のグリッド線を設定するプロパティを持つオブジェクト。 横軸のグリッド線は垂直方向に描画されます。指定する 次のようにオブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト:
'#CCC' |
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。 タイプ:
number デフォルト:
-1 |
hAxis.logScale |
このオプションは タイプ:
boolean デフォルト:
false |
hAxis.maxValue |
横軸の最大値を指定の値に移動します。右側に
表示されます。データの最大 x 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.minorGridlines |
以下と同様に、横軸の副グリッド線を設定するメンバーを持つオブジェクト。
このオプションは、
タイプ:
object デフォルト:
null |
hAxis.minorGridlines.color |
グラフ領域内の水平の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
hAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
hAxis.minValue |
横軸の最小値を指定した値に移動します。これは左側に
表示されます。データの最小値 x 値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
データ線の幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。Google Chat では
タイプ:
number デフォルト:
2 |
pointShape |
個々のデータ要素の形状( タイプ:
string デフォルト:
'circle' |
pointSize |
表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。値をオーバーライドするには
タイプ:
number デフォルト:
0 |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。用途
空のオブジェクト
指定した順序で系列に適用されるオブジェクトの配列を指定することも、各子にどの系列を適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
タイプ:
boolean |
トレンドライン |
ディスプレイ
<ph type="x-smartling-placeholder"></ph>
トレンドライン
表示されますデフォルトでは、
トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは 例: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } タイプ:
object デフォルト:
null |
trendlines.n.color |
色 <ph type="x-smartling-placeholder"></ph> トレンドライン , 英語の色名または 16 進文字列で指定します。 タイプ:
string デフォルト: デフォルトのシリーズの色
|
trendlines.n.degree |
対象
<ph type="x-smartling-placeholder"></ph>
トレンドライン
タイプ:
number デフォルト:
3 |
trendlines.n.labelInLegend |
設定すると、 <ph type="x-smartling-placeholder"></ph> トレンドライン この文字列として凡例に表示されます。 タイプ:
string デフォルト:
null |
trendlines.n.lineWidth |
アライメントの線の太さは、 <ph type="x-smartling-placeholder"></ph> トレンドライン (ピクセル単位)。 タイプ:
number デフォルト:
2 |
trendlines.n.type |
アプリケーションが
<ph type="x-smartling-placeholder"></ph>
トレンドライン
タイプ:
string デフォルト:
linear |
trendlines.n.visibleInLegend |
アプリケーションが <ph type="x-smartling-placeholder"></ph> トレンドライン 数式が凡例に表示されます。トレンドラインのツールチップに表示されます。 タイプ:
boolean デフォルト:
false |
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
階段面グラフの構成オプション
名前 | |
---|---|
areaOpacity |
面グラフの系列の下にある色付きの面のデフォルトの不透明度。
タイプ:
number 、0.0- 1.0 デフォルト:
0.3 |
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。 タイプ:
string デフォルト:
'white' |
chartArea |
グラフ領域(グラフ領域)の配置とサイズを設定するメンバーを含むオブジェクト。
軸と凡例は除きます。サポートされている形式は、数字と
数字の後に % が続きます。単純な数値はピクセル単位です。数字の後に % を付けると、
パーセンテージ。例: タイプ:
object デフォルト:
null |
chartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合は、16 進数または
(例:
'#fdc' など)または英語の色の名前。オブジェクトを使用すると、次のプロパティを
次の値を指定できます。
タイプ:
string または object デフォルト:
'white' |
chartArea.height |
グラフ領域の高さ。 タイプ:
number または string デフォルト: auto
|
chartArea.left |
左の枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.top |
上枠線からグラフを描画する距離。 タイプ:
number または string デフォルト: auto
|
chartArea.width |
グラフ領域の幅。 タイプ:
number または string デフォルト: auto
|
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
hAxis |
さまざまな横軸の要素を構成するメンバーを持つオブジェクト。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 { title: 'Hello', titleTextStyle: { color: '#FF0000' } } タイプ:
object デフォルト:
null |
hAxis.direction |
横軸での値の増加の方向。 タイプ:
1 または -1 デフォルト:
1 |
hAxis.textPosition |
グラフ領域に対する横軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
横軸のタイトルを指定する タイプ:
string デフォルト:
null |
hAxis.titleTextStyle |
横軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
hAxis.viewWindow.max |
レンダリングする水平方向データの最大値。
タイプ:
number デフォルト: auto
|
hAxis.viewWindow.min |
レンダリングする水平データの最小値。
タイプ:
number デフォルト: auto
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
isStacked |
100% スタッキングの場合、各要素の計算値は、 使用します。
ターゲット軸は、相対的に 0 ~ 1 のスケールに基づく目盛り値をデフォルトで分数として設定します
100% スタッキングは タイプ:
boolean / string デフォルト:
false |
凡例 |
凡例のさまざまな要素を構成するメンバーを含むオブジェクト。次のプロパティを指定するには、 次に示すように、オブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ:
object デフォルト:
null |
legend.position |
凡例の位置。次のいずれか 1 つを指定できます。
タイプ:
string デフォルト:
'right' |
legendTextStyle |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
タイプ:
boolean デフォルト:
false |
シリーズ |
オブジェクトの配列で、それぞれがグラフ内の対応する系列の形式を表します。
系列のデフォルト値を使用するには、空のオブジェクト
指定した順序で系列に適用されるオブジェクトの配列を指定することも、各子にどの系列を適用するかを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
テーマ |
テーマとは、連携して特定のグラフを作成する、事前定義されたオプション値のセットです。 定義できます。現時点で使用できるテーマは 1 つのみです。
タイプ:
string デフォルト:
null |
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
タイプ:
boolean |
useFirstColumnAsDomain |
タイプ:
boolean |
vAxes |
グラフに複数の縦軸がある場合は、個々の縦軸のプロパティを指定します。
各子オブジェクトは
複数の縦軸を持つグラフを指定するには、まず
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
このプロパティはオブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトのコレクションです。
それぞれに、定義する軸を指定する数値ラベルが付いています。
上記。配列はオブジェクトの配列で、軸ごとに 1 つあります。たとえば、次の配列スタイルは
表記は上記の 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 |
vAxis.gridlines |
縦軸のグリッド線を構成するメンバーを持つオブジェクト。 縦軸のグリッド線は横方向に描画されます。プロパティを指定するには 次のように、オブジェクト リテラル表記を使用できます。 {color: '#333', minSpacing: 20}
このオプションは、
タイプ:
object デフォルト:
null |
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色。有効な HTML カラー文字列を指定します。 タイプ:
string デフォルト:
'#CCC' |
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
タイプ:
number デフォルト:
-1 |
vAxis.logScale |
タイプ:
boolean デフォルト:
false |
vAxis.maxValue |
縦軸の最大値を指定の値に移動します。ほとんどのケースでは
できます。データの最大 y 値より小さい値を設定した場合は無視されます。
タイプ:
number デフォルト: 自動
|
vAxis.minorGridlines |
以下と同様に、縦軸に副グリッド線を設定するメンバーを持つオブジェクト。 vAxis.gridlines オプションを使用します。 タイプ:
object デフォルト:
null |
vAxis.minorGridlines.color |
グラフ領域内の縦方向の副グリッド線の色。有効な HTML 色を指定する 使用します。 タイプ:
string デフォルト: グリッド線と背景色の組み合わせ
|
vAxis.minorGridlines.count |
タイプ:
number デフォルト:
1 |
vAxis.minValue |
縦軸の最小値を指定された値に移動します。一定の期間で
表示されます。データの y 値の最小値より大きい値を設定した場合は無視されます。
タイプ:
number デフォルト:
null |
vAxis.textPosition |
グラフ領域に対する縦軸のテキストの位置。サポートされている値: タイプ:
string デフォルト:
'out' |
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
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> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。 タイプ:
object デフォルト:
null |
vAxis.viewWindow.max |
レンダリングする垂直データの最大値。
タイプ:
number デフォルト: auto
|
vAxis.viewWindow.min |
レンダリングする垂直データの最小値。
タイプ:
number デフォルト: auto
|
幅 |
グラフの幅(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の幅
|
表グラフの構成オプション
名前 | |
---|---|
alternatingRowStyle |
奇数行と偶数行に交互の背景色スタイルを割り当てるかどうかを指定します。 タイプ:
boolean デフォルト:
true |
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
ページ |
データのページングを有効にするかどうかとその方法。次のいずれかの
タイプ:
string デフォルト:
'disable' |
pageSize |
ページ オプションでページングが有効になっている場合、各ページの行数。 タイプ:
number デフォルト:
10 |
showRowNumber |
タイプ:
boolean デフォルト:
false |
並べ替え |
ユーザーが列見出しをクリックしたときに列を並べ替えるかどうかとその方法。並べ替えが有効になっている場合は
タイプ:
string デフォルト:
'enable' |
sortAscending |
最初の並べ替え列が並べ替えられる順序。昇順の場合は タイプ:
boolean デフォルト:
true |
sortColumn |
テーブルが最初に並べ替えられるときに、データテーブル内の列のインデックスになります。列 並べ替え順序を示す小さな矢印が表示されます。 タイプ:
number デフォルト:
-1 |
幅 |
グラフの幅(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の幅
|
タイムライン構成オプション
名前 | |
---|---|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、
たとえば、 タイプ:
string または object デフォルト:
'white' |
色 |
グラフの要素に使用する色。各要素が HTML である文字列の配列
色の文字列(例: 型: 文字列の配列
デフォルト: デフォルトの色
|
height |
グラフの高さ(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の高さ
|
幅 |
グラフの幅(ピクセル単位)。 タイプ:
number デフォルト: 含まれる要素の幅
|
ツリーマップの構成オプション
名前 | |
---|---|
headerColor |
各ノードのヘッダー セクションの色。HTML のカラー値を指定します。 タイプ:
string デフォルト:
#988f86 |
maxColor |
列 3 の値が タイプ:
string デフォルト:
#00dd00 |
maxDepth |
現在のビューに表示するノードレベルの最大数。レベルがフラット化される
現在のプレーンに追加します。ツリーのレベルがこれより多い場合は、
表示されます。これより下に タイプ:
number デフォルト:
1 |
maxPostDepth |
タイプ:
number デフォルト:
0 |
midColor |
タイプ:
string デフォルト:
#000000 |
minColor |
列 3 の値が タイプ:
string デフォルト:
#dd0000 |
noColor |
ノードに列 3 の値がなく、かつそのノードが リーフ(または葉のみを含む)を指定します。HTML のカラー値を指定します。 タイプ:
string デフォルト:
#000000 |
subtitle |
グラフのタイトルの下に表示されるテキスト。 タイプ:
string デフォルト: タイトルなし
|
subtitleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
textStyle |
タイトルのテキスト スタイルを指定するオブジェクト。色には任意の HTML を使用できます。
色の文字列(例: タイプ:
object デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
title |
グラフの上部に表示するテキストです。 タイプ:
string デフォルト: タイトルなし
|
titleTextStyle |
タイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
タイプ:
object
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|