グラフの種類
- アノテーションのグラフ
- 面グラフ
- 棒グラフ
- バブル チャート
- カレンダー
- ローソク足チャート
- 縦棒グラフ
- 複合グラフ
- ゲージ
- Geochart
- Histogram
- 折れ線グラフ
- 組織図
- Pie chart
- 散布図
- 階段面グラフ
- 表グラフ
- タイムライン
- ツリーマップ
メモグラフの構成オプション
名前 | |
---|---|
色 | グラフ要素に使用する色。文字列の配列。各要素は HTML カラー文字列(例: 型: 文字列の配列 デフォルト: デフォルトの色 |
displayRangeSelector | ズーム範囲選択エリア(グラフの下部のエリア)を表示するかどうか。 ズームセレクタのアウトラインは、グラフの最初の系列の対数スケール バージョンで、ズームセレクタの高さに合わせてスケーリングされています。 タイプ: boolean デフォルト: true |
displayZoomButtons | ズームボタン(「1d 5d 1m」など)を表示するかどうか。 タイプ: boolean デフォルト: true |
最大 | Y 軸に表示する最大値。最大データポイントがこの値を超えると、この設定は無視され、最大データポイントの次の目盛りが表示されるようにグラフが調整されます。これは、 これは、コアグラフの タイプ: number デフォルト: 自動 |
分 | Y 軸に表示する最小値。最小データポイントがこの値より小さい場合、この設定は無視され、最小データポイントの下の次の大きな目盛りを表示するようにグラフが調整されます。これは、 これは、コアグラフの タイプ: number デフォルト: 自動 |
面グラフの構成オプション
名前 | |
---|---|
areaOpacity | 面グラフの系列の下の色の付いた領域のデフォルトの不透明度。 タイプ: number 、0.0- 1.0 デフォルト: 0.3 |
backgroundColor | グラフのメイン領域の背景色。単純な HTML 色文字列( タイプ: string または object デフォルト: 'white' |
backgroundColor.fill | グラフの塗りつぶしの色。HTML カラー文字列で指定します。 タイプ: string デフォルト: 'white' |
chartArea | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。 ターゲット軸の目盛り値は、 100% 積み上げは タイプ: boolean /string デフォルト: false |
凡例 | 凡例のさまざまな側面を構成するメンバーを持つオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ: object デフォルト: null |
legend.position | 凡例の位置。次のいずれかになります
タイプ: 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 | データラインの幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。 タイプ: number デフォルト: 2 |
pointShape | 個々のデータ要素の形状: タイプ: string デフォルト: 'circle' |
pointSize | 表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。 タイプ: number デフォルト: 0 |
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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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 カラー文字列(例: 型: 文字列の配列 デフォルト: デフォルトの色 |
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% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。 ターゲット軸の目盛り値は、 100% 積み上げは タイプ: boolean /string デフォルト: false |
凡例 | 凡例のさまざまな側面を構成するメンバーを持つオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ: object デフォルト: null |
legend.position | 凡例の位置。次のいずれかになります
タイプ: 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>} |
トレンドライン | トレンドラインをサポートするグラフに トレンドライン を表示します。デフォルトでは
トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは次のようになります。 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 | タイプ: number デフォルト: 3 |
trendlines.n.labelInLegend | 設定すると、 トレンドライン がこの文字列として凡例に表示されます。 タイプ: string デフォルト: null |
trendlines.n.lineWidth | トレンドラインの線の幅(ピクセル単位)。 タイプ: number デフォルト: 2 |
trendlines.n.type | トレンドライン が タイプ: string デフォルト: linear |
trendlines.n.visibleInLegend | トレンドライン の式を凡例に表示するかどうか。これは、トレンドラインのツールチップに表示されます。 タイプ: boolean デフォルト: false |
useFirstColumnAsDomain |
タイプ: boolean |
vAxis | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % が続く形式です。単純な数値はピクセル単位の値、数値の後に % が続く形式はパーセンテージです。例: タイプ: 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 | 凡例の位置。次のいずれかになります
タイプ: string デフォルト: 'right' |
legendTextStyle | 凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。 { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } タイプ: object デフォルト: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
シリーズ | オブジェクトのオブジェクト。キーは系列名([色] 列の値)で、各オブジェクトはグラフ内の対応する系列の形式を表します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。
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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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 | 凡例の位置。次のいずれかになります
タイプ: 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>} |
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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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 デフォルト: コンテナ要素の高さ |
isStacked |
100% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。 ターゲット軸の目盛り値は、 100% 積み上げは タイプ: boolean /string デフォルト: false |
凡例 | 凡例のさまざまな側面を構成するメンバーを持つオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ: object デフォルト: null |
legend.position | 凡例の位置。次のいずれかになります
タイプ: 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>} |
トレンドライン | トレンドラインをサポートするグラフに トレンドライン を表示します。デフォルトでは
トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは次のようになります。 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 | タイプ: number デフォルト: 3 |
trendlines.n.labelInLegend | 設定すると、 トレンドライン がこの文字列として凡例に表示されます。 タイプ: string デフォルト: null |
trendlines.n.lineWidth | トレンドラインの線の幅(ピクセル単位)。 タイプ: number デフォルト: 2 |
trendlines.n.type | トレンドライン が タイプ: string デフォルト: linear |
trendlines.n.visibleInLegend | トレンドライン の式を凡例に表示するかどうか。これは、トレンドラインのツールチップに表示されます。 タイプ: 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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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 | 線の幅がゼロでない場合の線の曲線を制御します。次のいずれか 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% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。 ターゲット軸の目盛り値は、 100% 積み上げは タイプ: boolean /string デフォルト: false |
凡例 | 凡例のさまざまな側面を構成するメンバーを持つオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ: object デフォルト: null |
legend.position | 凡例の位置。次のいずれかになります
タイプ: 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 | データラインの幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。 タイプ: number デフォルト: 2 |
pointShape | 個々のデータ要素の形状: タイプ: string デフォルト: 'circle' |
pointSize | 表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。 タイプ: number デフォルト: 0 |
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>} |
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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 軸に表示する最大値。最大データポイントがこの値を超えると、この設定は無視され、最大データポイントの次の目盛りが表示されるようにグラフが調整されます。これは、 これは、コアグラフの タイプ: number デフォルト: 自動 |
分 | Y 軸に表示する最小値。最小データポイントがこの値より小さい場合、この設定は無視され、最小データポイントの下の次の大きな目盛りを表示するようにグラフが調整されます。これは、 これは、コアグラフの タイプ: number デフォルト: 自動 |
redColor | HTML カラー表記で赤色のセクションに使用する色。 タイプ: string デフォルト: '#DC3912' |
redFrom | 赤色でマークされた範囲の最小値。 タイプ: number デフォルト: なし |
redTo | 赤色でマークされた範囲の最大値。 タイプ: number デフォルト: なし |
幅 | グラフの幅(ピクセル単位)。 タイプ: number デフォルト: コンテナの幅 |
yellowColor | HTML カラー表記で黄色いセクションに使用する色。 タイプ: string デフォルト: '#FF9900' |
yellowFrom | 黄色の範囲の最小値。 タイプ: number デフォルト: なし |
yellowTo | 黄色でマークされた範囲の最大値。 タイプ: number デフォルト: なし |
地図グラフの構成オプション
名前 | |
---|---|
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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。 ターゲット軸の目盛り値は、 100% 積み上げは タイプ: boolean /string デフォルト: false |
凡例 | 凡例のさまざまな側面を構成するメンバーを持つオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ: object デフォルト: null |
legend.position | 凡例の位置。次のいずれかになります
タイプ: 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>} |
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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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 | 線の幅がゼロでない場合の線の曲線を制御します。次のいずれか 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 | 凡例の位置。次のいずれかになります
タイプ: 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 | データラインの幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。 タイプ: number デフォルト: 2 |
pointShape | 個々のデータ要素の形状: タイプ: string デフォルト: 'circle' |
pointSize | 表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。 タイプ: number デフォルト: 0 |
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 |
トレンドライン | トレンドラインをサポートするグラフに トレンドライン を表示します。デフォルトでは
トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは次のようになります。 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 | タイプ: number デフォルト: 3 |
trendlines.n.labelInLegend | 設定すると、 トレンドライン がこの文字列として凡例に表示されます。 タイプ: string デフォルト: null |
trendlines.n.lineWidth | トレンドライン の線の幅(ピクセル単位)。 タイプ: number デフォルト: 2 |
trendlines.n.type | トレンドライン が タイプ: string デフォルト: linear |
trendlines.n.visibleInLegend | トレンドライン の式を凡例に表示するかどうか。これは、トレンドラインのツールチップに表示されます。 タイプ: 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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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 | 凡例の位置。次のいずれかになります
タイプ: 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 | スライスに表示されるテキストの内容。次のいずれかになります
タイプ: 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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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 | 線の幅がゼロでない場合の線の曲線を制御します。次のいずれか 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 | 凡例の位置。次のいずれかになります
タイプ: 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 | データラインの幅(ピクセル単位)。ゼロを使用すると、すべての線が非表示になり、ポイントのみが表示されます。 タイプ: number デフォルト: 2 |
pointShape | 個々のデータ要素の形状: タイプ: string デフォルト: 'circle' |
pointSize | 表示されるポイントの直径(ピクセル単位)。すべてのポイントを非表示にするには、ゼロを使用します。 タイプ: number デフォルト: 0 |
シリーズ | オブジェクトの配列。それぞれがグラフ内の対応する系列の形式を表します。シリーズにデフォルト値を使用するには、空のオブジェクト
オブジェクトの配列を指定できます。各オブジェクトは、指定された順序でシリーズに適用されます。または、各子に適用されるシリーズを示す数値キーを持つオブジェクトを指定することもできます。たとえば、次の 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 |
トレンドライン | トレンドラインをサポートするグラフに トレンドライン を表示します。デフォルトでは
トレンドラインは系列ごとに指定されるため、ほとんどの場合、オプションは次のようになります。 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 | タイプ: number デフォルト: 3 |
trendlines.n.labelInLegend | 設定すると、 トレンドライン がこの文字列として凡例に表示されます。 タイプ: string デフォルト: null |
trendlines.n.lineWidth | トレンドライン の線の幅(ピクセル単位)。 タイプ: number デフォルト: 2 |
trendlines.n.type | トレンドライン が タイプ: string デフォルト: linear |
trendlines.n.visibleInLegend | トレンドライン の式を凡例に表示するかどうか。これは、トレンドラインのツールチップに表示されます。 タイプ: 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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | グラフ領域(軸と凡例を除く、グラフ自体が描画される場所)の配置とサイズを設定するメンバーを含むオブジェクト。2 つの形式がサポートされています。数値、または数値の後に % を続ける形式です。単なる数値はピクセル単位の値、数値の後に % を続ける形式はパーセンテージです。例: タイプ: 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% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。 ターゲット軸の目盛り値は、 100% 積み上げは タイプ: boolean / string デフォルト: false |
凡例 | 凡例のさまざまな側面を構成するメンバーを持つオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {position: 'top', textStyle: {color: 'blue', fontSize: 16}} タイプ: object デフォルト: null |
legend.position | 凡例の位置。次のいずれかになります
タイプ: 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 | さまざまな縦軸要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次のようにオブジェクト リテラル表記を使用できます。 {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 | 列 3 の値が タイプ: 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 | タイトル テキストのスタイルを指定するオブジェクト。色は、 タイプ: 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>} |