名前 |
Animation.duration |
アニメーションの長さ(ミリ秒単位)。詳細については、アニメーションのドキュメントをご覧ください。
タイプ: 数値
デフォルト: 0
|
image.easing |
アニメーションに適用するイージング関数。以下のオプションを使用できます。
- 「linear」- 固定の速度。
- 'in' - イーズイン - ゆっくりと始めて速く。
- 「out」- イーズアウト - 速く、ゆっくりと。
- 「inAndOut」 - イーズインとイーズアウト - 最初はゆっくりとスピードを上げ、その後遅くします。
型: string
デフォルト: 「リニア」
|
Animation.startup |
初回描画時にグラフをアニメーション化するかどうかを指定します。true の場合、グラフはベースラインから開始して、最終状態にアニメーション化します。
型: boolean
デフォルト: false
|
アノテーション |
棒グラフと縦棒グラフのグラフで true に設定されている場合、すべてのアノテーションが棒グラフ / 列の外側に描画されます。
型: boolean
デフォルト: false
|
annotation.datum |
アノテーションをサポートするグラフの場合、 annotations.datum オブジェクトを使用すると、個々のデータ要素に提供されるアノテーション(棒グラフの各棒で表示される値など)について、Google グラフの選択をオーバーライドできます。色は annotations.datum.stem.color 、ステムの長さは annotations.datum.stem.length 、スタイルは annotations.datum.style で制御できます。
タイプ: オブジェクト
デフォルト: 色は「黒」、長さは 12、スタイルは「ポイント」。
|
annotation.domain |
アノテーションをサポートするグラフの場合、 annotations.domain オブジェクトを使用すると、ドメインに提供されるアノテーション(グラフの長軸、一般的な折れ線グラフの X 軸など)について、Google チャートの選択をオーバーライドできます。色は annotations.domain.stem.color 、ステムの長さは annotations.domain.stem.length 、スタイルは annotations.domain.style で制御できます。
タイプ: オブジェクト
デフォルト: 色は「黒」、長さは 5、スタイルは「ポイント」。
|
annotation.boxStyle |
アノテーションをサポートするグラフの場合、annotations.boxStyle オブジェクトによってアノテーションを囲むボックスの外観が制御されます。
var options = {
annotations: {
boxStyle: {
// Color of the box outline.
stroke: '#888',
// Thickness of the box outline.
strokeWidth: 1,
// x-radius of the corner curvature.
rx: 10,
// y-radius of the corner curvature.
ry: 10,
// Attributes for linear gradient fill.
gradient: {
// Start color for gradient.
color1: '#fbf6a7',
// Finish color for gradient.
color2: '#33b679',
// Where on the boundary to start and
// end the color1/color2 gradient,
// relative to the upper left corner
// of the boundary.
x1: '0%', y1: '0%',
x2: '100%', y2: '100%',
// If true, the boundary for x1,
// y1, x2, and y2 is the box. If
// false, it's the entire chart.
useObjectBoundingBoxUnits: true
}
}
}
};
このオプションは現在、面グラフ、棒グラフ、縦棒グラフ、複合グラフ、折れ線グラフ、散布図でサポートされています。アノテーション グラフではサポートされていません。
タイプ: オブジェクト
デフォルト: null
|
annotation.highContrast |
アノテーションをサポートするグラフの場合、 annotations.highContrast ブール値を使用して、Google チャートのアノテーション色の選択をオーバーライドできます。デフォルトでは、 annotations.highContrast は true です。グラフはコントラストの強いアノテーション カラー(暗い背景には明るい色、明るい色には暗い色)を選択します。 annotations.highContrast を false に設定していて、独自のアノテーション色を指定しない場合、Google チャートではアノテーションにデフォルトの系列色が使用されます。
型: boolean
デフォルト: true
|
annotation.stem |
アノテーションをサポートするグラフの場合、 annotations.stem オブジェクトを使用すると、ステム スタイルに関する Google グラフの選択をオーバーライドできます。色は annotations.stem.color 、ステムの長さは annotations.stem.length で制御できます。ステム長のオプションは、スタイルが 'line' のアノテーションには影響を与えません。 'line' データム アノテーションの場合、ステム長は常にテキストと同じであり、 'line' ドメイン アノテーションの場合はステムがグラフ全体に拡張されています。
タイプ: オブジェクト
デフォルト: 色は「黒」。長さは、ドメイン アノテーションの場合は 5、データム アノテーションの場合は 12 です。
|
annotation.style |
アノテーションをサポートするグラフの場合、 annotations.style オプションを使用すると、Google チャートのアノテーション タイプの選択をオーバーライドできます。 'line' または 'point' のいずれかです。
型: string
デフォルト: 'point'
|
annotation.textStyle |
アノテーションをサポートするグラフの場合、 annotations.textStyle オブジェクトによってアノテーションのテキストの外観が制御されます。
var options = {
annotations: {
textStyle: {
fontName: 'Times-Roman',
fontSize: 18,
bold: true,
italic: true,
// The color of the text.
color: '#871b47',
// The color of the text outline.
auraColor: '#d799ae',
// The transparency of the text.
opacity: 0.8
}
}
};
このオプションは現在、面グラフ、棒グラフ、縦棒グラフ、複合グラフ、折れ線グラフ、散布図でサポートされています。
アノテーション グラフではサポートされていません。
タイプ: オブジェクト
デフォルト: null
|
軸タイトルの位置 |
軸のタイトルを配置する場所(グラフ領域との比較)サポートされている値:
- in - グラフ領域内に軸のタイトルを描画します。
- out - 軸領域をグラフ領域の外側に描画します。
- none - 軸のタイトルを省略します。
型: string
デフォルト: 'out'
|
backgroundColor |
グラフのメイン領域の背景色。単純な HTML カラー文字列、たとえば 'red' や '#00cc00' 、または以下のプロパティを持つオブジェクトのいずれかです。
タイプ: 文字列またはオブジェクト
デフォルト: '白'
|
backgroundColor.stroke |
グラフの枠線の色(HTML の色文字列)。
型: string
デフォルト: '#666'
|
backgroundColor.strokeWidth |
枠線の幅(ピクセル単位)。
タイプ: 数値
デフォルト: 0
|
backgroundColor.fill |
グラフの塗りつぶしの色。HTML の色文字列で指定します。
型: string
デフォルト: '白'
|
bar.groupWidth |
次のいずれかのグループで指定された棒のグループの幅。
- ピクセル数(例: 50)。
- 各グループで使用可能な幅の割合(「20%」など)。「100%」はグループ間にスペースがないことを意味します。
タイプ: 数値または文字列
|
バー |
マテリアル棒グラフの棒が縦方向か横方向か。このオプションは、従来の棒グラフと従来の縦棒グラフには影響しません。
タイプ: 「水平」または「垂直」
デフォルト: 「vertical」
|
グラフ領域 |
メンバーがグラフ領域の配置とサイズを設定するためのオブジェクト(グラフ自体が描画される軸と凡例を除く)。数字と、それに続く % の 2 つの形式がサポートされています。単純な数値はピクセル単位で表される値であり、数値の後に % が続く率がパーセンテージです。例: chartArea:{left:20,top:0,width:'50%',height:'75%'}
タイプ: オブジェクト
デフォルト: null
|
ChartArea.backgroundColor |
グラフ領域の背景色。文字列を使用する場合、16 進文字列(例:「#fdc」)または英語の色名で指定してください。オブジェクトを使用する場合、以下のプロパティを指定できます。
stroke : 色。16 進数文字列または英語の色名で指定します。
-
strokeWidth : 指定する場合、指定された幅(stroke の色)のグラフ領域を囲む枠線を描画します。
タイプ: 文字列またはオブジェクト
デフォルト: '白'
|
ChartArea.left |
グラフの左枠線からの距離。
タイプ: 数値または文字列
デフォルト: 自動
|
ChartArea.top |
グラフの上枠線からの距離。
タイプ: 数値または文字列
デフォルト: 自動
|
ChartArea.width |
グラフの領域の幅。
タイプ: 数値または文字列
デフォルト: 自動
|
ChartArea.height |
グラフの領域の高さ。
タイプ: 数値または文字列
デフォルト: 自動
|
Chart.subtitle |
マテリアル チャートの場合、このオプションで字幕を指定します。字幕はマテリアル チャートでのみサポートされています。
型: string
デフォルト: null
|
Chart.title |
マテリアル グラフの場合、このオプションでタイトルを指定します。
型: string
デフォルト: null
|
色 |
グラフの要素に使用する色。文字列の配列。各要素は HTML の色文字列です(例: colors:['red','#004411'] )。
型: 文字列の配列
デフォルト: デフォルトの色
|
データの不透明度 |
データポイントの透明性。1.0 は不透明、0.0 は完全に透明です。散布図、ヒストグラム、棒グラフ、縦棒グラフでは、表示可能なデータ(散布図のドットとその他の長方形)を参照します。折れ線グラフや面グラフのように、データを選択してドットが作成されるグラフでは、カーソルを合わせたときや選択したときに円が表示されます。複合グラフは両方の動作を示しますが、このオプションは他のグラフには影響しません。(トレンドラインの不透明度を変更するには、トレンドラインの不透明度をご覧ください)。
タイプ: 数値
デフォルト: 1.0
|
enableInteractivity |
グラフでユーザーベースのイベントがスローされるか、ユーザー操作に反応するか。false の場合、グラフは「select」やその他の操作ベースのイベント(準備完了イベントやエラーイベントをスローしません)をスローせず、ユーザー入力に応じてホバーテキストを表示するなど、変化しません。
型: boolean
デフォルト: true
|
explorer |
explorer オプションを使用すると、Google グラフをパンしたりズームしたりできます。
explorer: {} はデフォルトのエクスプローラ動作です。ユーザーはドラッグすることで水平および垂直方向にパンし、スクロールしてズームインおよびズームアウトできます。
この機能は試験運用版であり、今後のリリースで変更される可能性があります。
注: エクスプローラは、連続軸(数値や日付など)でのみ機能します。
タイプ: オブジェクト
デフォルト: null
|
explorer.actions |
Google グラフ エクスプローラでは、次の 3 つのアクションがサポートされています。
-
dragToPan : ドラッグすると、グラフを水平方向と垂直方向にパンできます。横軸のみパンするには、explorer: { axis: 'horizontal' } を使用します。
同様に、縦軸も同様です。
-
dragToZoom : エクスプローラのデフォルトの動作は、ユーザーがスクロールしたときの拡大と縮小です。explorer: { actions: ['dragToZoom', 'rightClickToReset'] } を使用している場合は、長方形の領域をドラッグするとその領域にズームインします。dragToZoom を使用する場合は必ず rightClickToReset を使用することをおすすめします。ズームのカスタマイズについては、explorer.maxZoomIn 、explorer.maxZoomOut 、explorer.zoomDelta をご覧ください。
-
rightClickToReset : グラフを右クリックして、元のパンとズームレベルに戻ります。
型: 文字列の配列
デフォルト: [dragToPan」、「rightClickToReset]
|
explorer.軸 |
explorer オプションを使用すると、デフォルトでは水平方向と垂直方向にパンできます。ユーザーが水平方向にしかパンしない場合は、explorer: { axis: 'horizontal' } を使用します。同様に、explorer: { axis: 'vertical' } は垂直方向のみのパンを有効にします。
型: string
デフォルト: 水平パンと垂直パンの両方
|
explorer.keepInBounds |
デフォルトでは、データの場所に関係なく、ユーザーはすべての画面を移動できます。元のグラフの外には移動しないよう、explorer: { keepInBounds: true } を使用します。
型: boolean
デフォルト: false
|
explorer.maxZoomIn |
エクスプローラでズームインできる最大値です。デフォルトでは、ユーザーは元のビューの 25% しか表示されないような大きさにズームインできます。explorer: { maxZoomIn: .5 } を設定すると、ユーザーは元のビューの半分を表示するだけまでズームインできます。
タイプ: 数値
デフォルト: 0.25
|
explorer.maxZoomOut |
エクスプローラでズームアウトできる最大値です。デフォルトでは、使用可能なスペースの 1/4 しかグラフで使用されないほどズームアウト可能です。explorer: { maxZoomOut: 8 } を設定すると、チャートが使用可能なスペースの 1/8 しか占めなくなるほど、ユーザーはかなりズームアウトできるようになります。
タイプ: 数値
デフォルト: 4
|
explorer.zoomDelta |
ユーザーがズームインまたはズームアウトすると、explorer.zoomDelta によって拡大される距離が決まります。数字が小さいほど、滑らかでズームが遅くなります。
タイプ: 数値
デフォルト: 1.5
|
focusTarget |
マウスオーバーでフォーカスを受け取るエンティティのタイプ。マウスクリックで選択されるエンティティや、イベントに関連付けられるデータテーブル要素にも影響します。値は次のいずれかになります。
- 'datum' - 単一のデータポイントにフォーカス。データテーブルのセルと相関します。
-
「カテゴリ」 - 主軸に沿ったすべてのデータポイントをグループ化します。データテーブルの行と相関します。
focusTarget 'category' では、ツールチップにすべてのカテゴリ値が表示されます。これは、異なる時系列の値を比較する際に役立ちます。
型: string
デフォルト: 'datum'
|
fontSize |
グラフ内のすべてのテキストのデフォルトのフォントサイズ(ピクセル単位)です。この設定は、特定のグラフ要素のプロパティを使用してオーバーライドできます。
タイプ: 数値
デフォルト: 自動
|
フォント名 |
グラフ内のすべてのテキストのデフォルトのフォント フェイス。この設定は、特定のグラフ要素のプロパティを使用してオーバーライドできます。
型: string
デフォルト: 「Arial」
|
forceIFrame |
インライン フレーム内にグラフを描画します。(IE8 では、このオプションは無視されます。すべての IE8 チャートは i-frame で描画されます)。
型: boolean
デフォルト: false
|
軸数 |
グラフに複数の横軸がある場合、個々の横軸のプロパティを指定します。各子オブジェクトは hAxis オブジェクトであり、hAxis でサポートされているすべてのプロパティを含めることができます。これらのプロパティ値は、同じプロパティのグローバル設定をオーバーライドします。
複数の横軸のグラフを指定するには、series.targetAxisIndex を使用して新しい軸を定義し、hAxes を使用して軸を構成します。次の例では、シリーズ 1 を下軸に割り当て、カスタムのタイトルとテキスト スタイルを指定しています。
series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses',
textStyle:{color: 'red'}}}
このプロパティは、オブジェクトまたは配列のいずれかです。オブジェクトはオブジェクトの集合であり、各オブジェクトには、定義した軸を指定する数値ラベルがあります。これは上記の形式です。配列は、軸ごとに 1 つずつオブジェクトの配列です。たとえば、次の配列スタイルの表記は、上記の hAxis オブジェクトと同じです。
hAxes: {
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {
color: 'red'
}
} // Axis 1
型: オブジェクトの配列、または子オブジェクトを含むオブジェクト
デフォルト: null
|
軸 |
メンバーがさまざまな横軸の要素を構成するオブジェクト。このオブジェクトのプロパティを指定するには、次に示すように、オブジェクト リテラル表記を使用します。
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
タイプ: オブジェクト
デフォルト: null
|
hAxis.baseline |
横軸のベースライン。
タイプ: 数値
デフォルト: 自動
|
hAxis.baselineColor |
横軸のベースラインの色。任意の HTML 色文字列(例: 'red' 、'#00cc00' )を指定できます。
タイプ: 数値
デフォルト: 'black'
|
hAxis.direction |
横軸の値の増加方向。値の順序を逆にするには、-1 を指定します。
タイプ: 1 または -1
デフォルト: 1
|
hAxis.format |
数値軸ラベルの形式文字列。これは、ICU パターンセットのサブセットです。たとえば {format:'#,###%'} は、値が 10、7.5、0.5 の場合は「1,000%」、「750%」、「50%」と表示されます。次のいずれかを指定することもできます。
{format: 'none'} : 数値を書式設定せずに表示します(8000000)
-
{format: 'decimal'} : 数値を千桁の区切りで表示します(例:8,000,000)
-
{format: 'scientific'} : 数値を科学的表記で表示します(8e6)
-
{format: 'currency'} : 現地通貨での数値を表示します(例:8,000,000.00 ドル)
-
{format: 'percent'} : 数値をパーセンテージで表示します(800,000,000%)
{format: 'short'} : 短縮番号を表示します(例:800 万)
{format: 'long'} : 数値を完全な単語として表示します(800 万)
ラベルに適用される実際の形式は、API の読み込み先のロケールから取得されます。詳細については、特定のロケールでのグラフの読み込みをご覧ください。
ティック値とグリッド線を計算する際に、関連するすべてのグリッドライン オプションの複数の組み合わせが考慮され、書式設定されたティックラベルが重複する場合、または重複する場合は代替が拒否されます。整数のティック値のみを表示する場合は format:"#" を指定しますが、この条件を満たす代替手段がない場合、グリッド線や目盛りは表示されません。
型: string
デフォルト: 自動
|
hAxis.gridlines |
横軸のグリッド線を構成するプロパティを持つオブジェクト。
横軸のグリッド線は縦に描画されます。このオブジェクトのプロパティを指定するには、次に示すように、オブジェクト リテラル表記を使用します。
{color: '#333', minSpacing: 20}
タイプ: オブジェクト
デフォルト: null
|
hAxis.gridlines.color |
グラフ領域内の水平グリッド線の色有効な HTML 色の文字列を指定します。
型: string
デフォルト: '#CCC'
|
hAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
gridlines.count に正の数を指定すると、グリッド間の minSpacing の計算に使用されます。1 つのグリッド線だけを描画する場合は 1 、グリッドを描画しない場合は 0 の値を指定します。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。
タイプ: 数値
デフォルト: -1
|
hAxis.gridlines.units |
グラフで計算されたグリッド線を使用する場合、日付/日時/時刻のデータ型のさまざまな側面のデフォルトの形式をオーバーライドします。年、月、日、時間、分、秒、ミリ秒の形式を指定できます。
一般的な形式は次のとおりです。
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
詳細については、日付と時刻をご覧ください。
タイプ: オブジェクト
デフォルト: null
|
hAxis.minorGridlines |
横軸にマイナー グリッドラインを構成するメンバーを含むオブジェクト(hAxis.gridlines オプションと同様)。
タイプ: オブジェクト
デフォルト: null
|
hAxis.minorGridlines.color |
グラフ領域の横並びのマイナー グリッド線の色。有効な HTML 色の文字列を指定します。
型: string
デフォルト: グリッド線と背景色のブレンド
|
hAxis.minorGridlines.count |
minorGridlines.count オプションは、カウントを 0 に設定してマイナー グリッドラインを無効にすることを除き、ほとんどを非推奨にしています。マイナー グリッド線の数は、主要グリッド線(hAxis.gridlines.interval を参照)と必要な最小スペース(hAxis.minorGridlines.minSpacing を参照)の間隔によって変わります。
タイプ: 数値
デフォルト: 1
|
hAxis.minorGridlines.units |
グラフの計算のマイナー グリッドラインで使用する場合、日付/日時/時刻のデータ型のさまざまな側面のデフォルトの形式をオーバーライドします。年、月、日、時間、分、秒、ミリ秒の形式を指定できます。
一般的な形式は次のとおりです。
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
詳細については、日付と時刻をご覧ください。
タイプ: オブジェクト
デフォルト: null
|
hAxis.logScale |
hAxis プロパティ。横軸を対数スケールにします(すべての値が正の値である必要があります)。はいの場合は true に設定します。
型: boolean
デフォルト: false
|
hAxis.scaleType |
hAxis プロパティ。横軸を対数スケールにする。次のいずれか 1 つを指定できます。
- null - 対数目盛は実行されません。
-
'log' - 対数目盛。負の値とゼロの値はプロットされません。このオプションは、
hAxis: { logscale: true } を設定する場合と同じです。
-
'mirrorLog' - 負の値をゼロにプロットする対数スケーリング。プロットされた負の数値は、絶対値の対数の負数です。0 に近い値は線形スケールでプロットされます。
型: string
デフォルト: null
|
hAxis.textStyle |
横軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
color には、任意の HTML 色文字列('red' 、'#00cc00' など)を指定できます。fontName と fontSize もご覧ください。
タイプ: オブジェクト
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.textPosition |
グラフの領域に対する水平軸のテキストの位置。サポートされている値: out、in、none。
型: string
デフォルト: 'out'
|
hAxis.ticks |
自動生成された X 軸の目盛を、指定した配列に置換します。配列の各要素は、有効なティック値(数値、日付、日時、時刻など)またはオブジェクトのいずれかである必要があります。オブジェクトの場合は、ティック値用の v プロパティと、ラベルとして表示されるリテラル文字列を含むオプションの f プロパティが必要です。
オーバーライドする viewWindow.min または viewWindow.max を指定しない限り、viewWindow は自動的に最小ティックと最大ティックを含むように拡張されます。
例:
hAxis: { ticks: [5,10,15,20] }
hAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
hAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
-
hAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }
型: 要素の配列
デフォルト: 自動
|
hAxis.title |
hAxis プロパティは、横軸のタイトルを指定します。
型: string
デフォルト: null
|
hAxis.titleTextStyle |
横軸のタイトル テキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
color には、任意の HTML 色文字列('red' 、'#00cc00' など)を指定できます。fontName と fontSize もご覧ください。
タイプ: オブジェクト
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.maxValue |
横軸の最大値を指定の値に移動します。これはほとんどのグラフで右向きです。データの最大 x 値より小さい値に設定されている場合は無視されます。
hAxis.viewWindow.max はこのプロパティをオーバーライドします。
タイプ: 数値
デフォルト: 自動
|
hAxis.minValue |
横軸の最小値を指定の値に移動します。これはほとんどのグラフで左になります。データの最小 x 値より大きい値に設定されている場合は無視されます。
hAxis.viewWindow.min はこのプロパティをオーバーライドします。
タイプ: 数値
デフォルト: 自動
|
hAxis.viewWindowMode |
横軸をスケーリングしてグラフ領域内の値をレンダリングする方法を指定します。次の文字列値がサポートされます。
-
「かなり」 - 最大値と最小値がグラフ領域の左右に少しだけレンダリングされるように、水平方向の値を拡大縮小します。viewWindow は、数値が最も近いメジャー グリッド線、または日時が最も近いマイナー グリッド線に拡張されます。
-
「maximized」 - 最大値と最小値がグラフ領域の左右に接触するように水平値を拡大縮小します。これにより、
haxis.viewWindow.min と haxis.viewWindow.max は無視されます。
-
'explicit' - グラフ領域の左と右のスケール値を指定するための、非推奨のオプション。(
haxis.viewWindow.min と haxis.viewWindow.max を冗長化しているため非推奨です)。これらの値以外のデータ値はトリミングされます。表示する最大値と最小値を示す hAxis.viewWindow オブジェクトを指定する必要があります。
型: string
デフォルト: 「tyly」と同じですが、使用される場合には haxis.viewWindow.min と haxis.viewWindow.max が優先されます。
|
hAxis.viewWindow |
横軸の切り抜き範囲を指定します。
タイプ: オブジェクト
デフォルト: null
|
hAxis.viewWindow.max |
レンダリングする水平方向のデータ値の上限。
hAxis.viewWindowMode が「を使う」または「最大化」される際には無視されます。
タイプ: 数値
デフォルト: 自動
|
hAxis.viewWindow.min |
レンダリングする最小水平データ値。
hAxis.viewWindowMode が「を使う」または「最大化」される際には無視されます。
タイプ: 数値
デフォルト: 自動
|
高さ |
グラフの高さ(ピクセル単位)。
タイプ: 数値
デフォルト: 要素を格納する高さ
|
isStacked |
true に設定すると、各ドメイン値ですべての系列の要素がスタックされます。
注: 縦棒グラフ、面グラフ、SteppedArea グラフでは、系列要素の順序が重なるように、凡例項目の順序が逆になっています(例: 系列 0 は最下位の凡例項目になります)。このことは、棒グラフには該当しません。
isStacked オプションは 100% スタッキングもサポートしています。各ドメイン値の要素のスタックが、合計で 100% になるように再スケーリングされます。
isStacked のオプションは次のとおりです。
-
false - 要素がスタックされません。これがデフォルトの設定です。
-
true - 各ドメインの値ですべての系列の要素をスタックします。
-
'percent' - 各ドメイン値ですべての系列の要素をスタックし、合計が 100% になるように再スケーリングします。各要素の値は 100% の割合として計算されます。
-
'relative' - 各ドメインの値ですべての系列の要素をスタックし、合計が 1 になるように再スケーリングします。各要素の値は 1 の割合として計算されます。
-
'absolute' - isStacked: true と同じように機能します。
100% 積み上げの場合、各要素の計算値は、実際の値の後にツールチップに表示されます。
デフォルトでは、ターゲットの軸は 0 ~ 1 のスケールに基づいて 1 ~'relative' の分数で表示され、'percent' オプションの場合は 0 ~ 100% になります(注: 'percent' オプションを使用する場合、軸 / ティックの値はパーセンテージで表示されます)。実際の値は 0 ~ 1 のスケール値です。これは、パーセンテージ軸の目盛りが、0 ~ 1 のスケール値に「#.##%」という形式を適用した結果であるためです。isStacked: 'percent' を使用する場合は、相対 0 ~ 1 のスケール値を使用してティック / グリッドラインを指定してください)。適切なグリッド オプション、目盛り値、書式設定は、適切な hAxis/vAxis オプションを使用してカスタマイズできます。
100% のスタッキングは number 型のデータ値のみをサポートし、ベースラインは 0 にする必要があります。
型: boolean/string
デフォルト: false
|
凡例 |
メンバーがさまざまな要素を構成するオブジェクト。このオブジェクトのプロパティを指定するには、次に示すように、オブジェクト リテラル表記を使用します。
{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
タイプ: オブジェクト
デフォルト: null
|
凡例.pageIndex |
凡例で最初に選択した 0 から始まるページ インデックス。
タイプ: 数値
デフォルト: 0
|
凡例.position |
凡例の位置。次のいずれか 1 つを指定できます。
- 「bottom」 - グラフの下。
-
「left」 - グラフの左端で、左軸に系列が関連付けられていない場合。そのため、左側に凡例を配置するには、オプション
targetAxisIndex: 1 を使用します。
- 'in' - グラフの左上にあります。
- 'none' - 凡例は表示されません。
- 「右」- グラフの右側。
vAxes オプションと互換性がありません。
- top - グラフの上部。
型: string
デフォルト: 「right」
|
凡例.alignment |
凡例の配置。次のいずれか 1 つを指定できます。
- 「start」 - 凡例に割り当てられた領域の始まりと一致します。
- 'center' - 凡例に割り当てられた領域の中心に配置されます。
- 'end' - 凡例に割り当てられた領域の終端に合わせます。
凡例の中心の開始、中央、終了は、スタイル(垂直または水平)を基準とします。たとえば、「右」の凡例では「開始」と「終了」がそれぞれ上部と下部に存在します。「上部」の凡例の場合、「開始」と「終了」はそれぞれ領域の左側と右側になります。
デフォルト値は、凡例の位置によって異なります。「凡例」のデフォルトは、デフォルトは「センター」、その他の凡例は「開始」です。
型: string
デフォルト: 自動
|
凡例テキストスタイル |
凡例のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
color には、任意の HTML 色文字列('red' 、'#00cc00' など)を指定できます。fontName と fontSize もご覧ください。
タイプ: オブジェクト
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
ReverseCategories |
true に設定すると、下から上に系列が描画されます。デフォルトでは、上から下まで描画されます。
型: boolean
デフォルト: false
|
ページの向き |
グラフの向き。'vertical' に設定すると、グラフの軸が回転して、たとえば縦棒グラフが棒グラフになり、面グラフが上ではなく右に成長します。
型: string
デフォルト: 'horizontal'
|
series |
オブジェクトの配列。グラフ内の対応する系列の形式を記述します。系列のデフォルト値を使用するには、空のオブジェクト {} を指定します。系列または値が指定されていない場合は、グローバル値が使用されます。各オブジェクトは次のプロパティをサポートします。
-
annotations - このシリーズのアノテーションに適用されるオブジェクト。たとえば、次のようにして、シリーズの textStyle を制御できます。
series: {
0: {
annotations: {
textStyle: {fontSize: 12, color: 'red' }
}
}
}
カスタマイズできる項目の完全なリストについては、各種の annotations オプションをご覧ください。
-
color - このシリーズで使用する色。有効な HTML 色の文字列を指定します。
-
labelInLegend - グラフの凡例に表示されるシリーズの説明。
-
targetAxisIndex - この系列を割り当てる軸。0 はデフォルトの軸、1 は反対軸です。デフォルト値は 0 です。1 に設定すると、異なる軸に対して異なる系列がレンダリングされるグラフが定義されます。デフォルトの軸に少なくとも 1 つの系列が割り当てられます。軸ごとに異なるスケールを定義できます。
-
visibleInLegend - ブール値。時系列に凡例のエントリが存在することを意味し、false は存在しないことを意味します。デフォルトは true です。
オブジェクトの配列を指定できます(配列は指定された順序で時系列に適用されます)。また、それぞれの子に、適用する時系列を示す数値キーが含まれるオブジェクトを指定することもできます。たとえば、次の 2 つの宣言は同一で、最初のシリーズは凡例で黒色で存在し、4 つ目のシリーズは凡例で赤色で存在し、存在しない場合は宣言します。
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
型: オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクト
デフォルト: {}
|
テーマ |
テーマとは、特定のグラフの動作や視覚効果を実現するために連携する一連の事前定義オプション値です。現在選択できるテーマは 1 つのみです。
-
「maximized」 - グラフの領域を最大化し、グラフ領域内の凡例とすべてのラベルを描画します。以下のオプションを設定します。
chartArea: {width: '100%', height: '100%'},
legend: {position: 'in'},
titlePosition: 'in', axisTitlesPosition: 'in',
hAxis: {textPosition: 'in'}, vAxis: {textPosition: 'in'}
型: string
デフォルト: null
|
title |
グラフの上に表示するテキスト。
型: string
デフォルト: タイトルなし
|
titlePosition |
グラフのタイトルを配置する場所(グラフ領域との比較)サポートされている値:
- in - グラフ領域内にタイトルを描画します。
- out - グラフ領域の外側にタイトルを描画します。
- none - タイトルを省略します。
型: string
デフォルト: 'out'
|
titleTextStyle |
タイトル テキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
color には、任意の HTML 色文字列('red' 、'#00cc00' など)を指定できます。fontName と fontSize もご覧ください。
タイプ: オブジェクト
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
ツールチップ |
さまざまなツールチップ要素を構成するメンバーを含むオブジェクト。このオブジェクトのプロパティを指定するには、次に示すように、オブジェクト リテラル表記を使用します。
{textStyle: {color: '#FF0000'}, showColorCode: true}
タイプ: オブジェクト
デフォルト: null
|
tooltip.ignoreBounds |
true に設定すると、すべてのグラフでツールチップの描画がグラフの境界の外に流れるようにします。
注: これは HTML ツールチップにのみ適用されます。SVG ツールチップを有効にすると、グラフの境界外のオーバーフローはトリミングされます。詳しくは、ツールチップのコンテンツのカスタマイズをご覧ください。
タイプ: ブール値
デフォルト: false
|
tooltip.isHTML |
true に設定した場合は、(SVG レンダリングではなく)HTML レンダリングのツールチップを使用します。詳しくは、ツールチップのコンテンツのカスタマイズをご覧ください。
注: ツールチップの列データロールを使用した HTML ツールチップのコンテンツのカスタマイズは、バブルチャートの可視化ではサポートされていません。
型: boolean
デフォルト: false
|
tooltip.showColorCode |
true の場合、ツールチップ内のシリーズ情報の横に色付きの正方形が表示されます。focusTarget が「category」に設定されている場合のデフォルトは true です。それ以外の場合のデフォルトは false です。
型: boolean
デフォルト: 自動
|
tooltip.textStyle |
ツールチップのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
color には、任意の HTML 色文字列('red' 、'#00cc00' など)を指定できます。fontName と fontSize もご覧ください。
タイプ: オブジェクト
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tooltip.trigger |
ツールチップが表示されるユーザー操作:
- 「focus」 - ユーザーが要素にカーソルを合わせると、ツールチップが表示されます。
- 'none' - ツールチップは表示されません。
- 「selection」 - ユーザーが要素を選択すると、ツールチップが表示されます。
型: string
デフォルト: 「focus」
|
トレンドライン |
グラフをサポートするグラフのトレンドラインが表示されます。デフォルトでは線形トレンドラインが使用されますが、これは trendlines.n.type オプションでカスタマイズできます。
トレンドラインはシリーズごとに指定されるため、ほとんどの場合、オプションは次のようになります。
var options = {
trendlines: {
0: {
type: 'linear',
color: 'green',
lineWidth: 3,
opacity: 0.3,
showR2: true,
visibleInLegend: true
}
}
}
タイプ: オブジェクト
デフォルト: null
|
Trendlines.n.color |
トレンドラインの色。英語の色の名前または 16 進文字列で表します。
型: string
デフォルト: デフォルトの系列の色
|
トレンドライン、度 |
type: 'polynomial' のトレンドラインの場合、多項式(2 次式の場合は 2 、3 次式は 3 など)。(デフォルトの学位は、今後の Google Charts のリリースで 3 から 2 に変更される可能性があります)。
タイプ: 数値
デフォルト: 3
|
Trendlines.n.labelInLegend |
設定すると、凡例にこの文字列としてトレンドラインが表示されます。
型: string
デフォルト: null
|
Trendslines.n.lineWidth |
トレンドラインの線幅(ピクセル単位)。
タイプ: 数値
デフォルト: 2
|
Trendslines.n.opacity |
トレンドラインの透明性。0.0(透過)~ 1.0(不透明)です。
タイプ: 数値
デフォルト: 1.0
|
Trendlines.n.pointSize |
トレンドライン
は、グラフ上の多数のドットをスタンプすることで構成されます。まれに必要になるこのオプションでは、ドットのサイズをカスタマイズできます。通常は、トレンドラインの lineWidth オプションが優先されます。ただし、グローバル pointSize オプションを使用していて、トレンドラインごとに異なるポイントサイズが必要な場合は、このオプションが必要です。
タイプ: 数値
デフォルト: 1
|
Trendslines.n.pointsVisible |
トレンドライン
は、グラフに多くのドットを打ち込むことで構成されます。トレンドラインの pointsVisible オプションでは、特定のトレンドラインのポイントを表示するかどうかを決定します。
型: boolean
デフォルト: true
|
Trendlines.n.showR2 |
凡例またはトレンドラインのツールチップに決定係数を表示するかどうか。
型: boolean
デフォルト: false
|
Trendlines.n.type |
トレンドラインが 'linear' (デフォルト)、'exponential' 、または 'polynomial' であるかどうか。
型: string
デフォルト: 線形
|
Trendlines.n.visibleInLegend |
凡例に
トレンドライン
式が表示されるかどうか。(トレンドラインのツールチップに表示されます)。
型: boolean
デフォルト: false
|
vAxis |
メンバーがさまざまな垂直軸の要素を構成するオブジェクト。このオブジェクトのプロパティを指定するには、次に示すように、オブジェクト リテラル表記を使用します。
{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
タイプ: オブジェクト
デフォルト: null
|
vAxis.baseline |
vAxis プロパティ: 縦軸のベースラインを指定します。ベースラインが最大のグリッド線よりも大きいか、または最小のグリッド線よりも小さい場合は、最も近いグリッド線に丸められます。
このオプションは、continuous 軸でのみサポートされています。
タイプ: 数値
デフォルト: 自動
|
vAxis.baselineColor |
縦軸のベースラインの色を指定します。任意の HTML 色文字列(例: 'red' 、'#00cc00' )を指定できます。
このオプションは、continuous 軸でのみサポートされています。
タイプ: 数値
デフォルト: 'black'
|
vAxis.direction |
縦軸の値の増加方向。デフォルトでは、低い値はグラフの下部に表示されます。値の順序を逆にするには、-1 を指定します。
タイプ: 1 または -1
デフォルト: 1
|
vAxis.format |
数値または日付の軸ラベルの形式文字列。
数値軸ラベルの場合、これは ICU パターンセット 10 進形式のサブセットです。たとえば {format:'#,###%'} は、値が 10、7.5、0.5 の場合は「1,000%」、「750%」、「50%」と表示されます。次のいずれかを指定することもできます。
{format: 'none'} : 数値を書式設定せずに表示します(8000000)
-
{format: 'decimal'} : 数値を千桁の区切りで表示します(例:8,000,000)
-
{format: 'scientific'} : 数値を科学的表記で表示します(8e6)
-
{format: 'currency'} : 現地通貨での数値を表示します(例:8,000,000.00 ドル)
-
{format: 'percent'} : 数値をパーセンテージで表示します(800,000,000%)
{format: 'short'} : 短縮番号を表示します(例:800 万)
{format: 'long'} : 数値を完全な単語として表示します(800 万)
日付の軸ラベルの場合、これは日付形式の ICU パターンセットのサブセットです。たとえば、{format:'MMM d, y'} には 2011 年 7 月 1 日を表す「Jul 1, 2011」という値が表示されます。
ラベルに適用される実際の形式は、API の読み込み先のロケールから取得されます。詳細については、特定のロケールでのグラフの読み込みをご覧ください。
ティック値とグリッド線を計算する際に、関連するすべてのグリッドライン オプションの複数の組み合わせが考慮され、書式設定されたティックラベルが重複する場合、または重複する場合は代替が拒否されます。整数のティック値のみを表示する場合は format:"#" を指定しますが、この条件を満たす代替手段がない場合、グリッド線や目盛りは表示されません。
このオプションは、continuous 軸でのみサポートされています。
型: string
デフォルト: 自動
|
vAxis.gridlines |
メンバーが縦軸にグリッド線を設定するオブジェクト。
縦軸のグリッド線は横方向に描画されます。このオブジェクトのプロパティを指定するには、次に示すように、オブジェクト リテラル表記を使用します。
{color: '#333', minSpacing: 20}
このオプションは、continuous 軸でのみサポートされています。
タイプ: オブジェクト
デフォルト: null
|
vAxis.gridlines.color |
グラフ領域内の垂直グリッド線の色有効な HTML 色の文字列を指定します。
型: string
デフォルト: '#CCC'
|
vAxis.gridlines.count |
グラフ領域内の水平グリッド線のおおよその数。
gridlines.count に正の数を指定すると、グリッド間の minSpacing の計算に使用されます。1 つのグリッド線だけを描画する場合は 1 、グリッドを描画しない場合は 0 の値を指定します。デフォルトの -1 を指定すると、他のオプションに基づいてグリッド線の数が自動的に計算されます。
タイプ: 数値
デフォルト: -1
|
vAxis.gridlines.units |
グラフで計算されたグリッド線を使用する場合、日付/日時/時刻のデータ型のさまざまな側面のデフォルトの形式をオーバーライドします。年、月、日、時間、分、秒、ミリ秒の形式を指定できます。
一般的な形式は次のとおりです。
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]},
hours: {format: [/*format strings here*/]},
minutes: {format: [/*format strings here*/]},
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]}
}
}
詳細については、日付と時刻をご覧ください。
タイプ: オブジェクト
デフォルト: null
|
vAxis.minorGridlines |
メンバーが垂直方向のマイナー グリッド線を構成するオブジェクト(vAxis.gridlines オプションと同様)。
このオプションは、continuous 軸でのみサポートされています。
タイプ: オブジェクト
デフォルト: null
|
vAxis.minorGridlines.color |
グラフ領域内の縦方向のマイナー グリッド線の色。有効な HTML 色の文字列を指定します。
型: string
デフォルト: グリッド線と背景色のブレンド
|
vAxis.minorGridlines.count |
マイナー Gridlines.count オプションはほとんど非推奨です。ただし、カウントを 0 に設定してマイナーグリッドラインを無効にする場合を除きます。マイナー グリッド線の数は、主要グリッド線(vAxis.gridlines.interval を参照)と最小要件スペース(vAxis.minorGridlines.minSpacing を参照)の間隔によって異なります。
タイプ: 数値
デフォルト: 1
|
vAxis.minorGridlines.units |
グラフの計算のマイナー グリッドラインで使用する場合、日付/日時/時刻のデータ型のさまざまな側面のデフォルトの形式をオーバーライドします。年、月、日、時間、分、秒、ミリ秒の形式を指定できます。
一般的な形式は次のとおりです。
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
詳細については、日付と時刻をご覧ください。
タイプ: オブジェクト
デフォルト: null
|
vAxis.logScale |
true の場合、縦軸は対数スケールになります。注: 値はすべて正数である必要があります。
このオプションは、continuous 軸でのみサポートされています。
型: boolean
デフォルト: false
|
vAxis.scaleType |
vAxis プロパティ。縦軸を対数目盛にする。次のいずれか 1 つを指定できます。
- null - 対数目盛は実行されません。
-
'log' - 対数目盛。負の値とゼロの値はプロットされません。このオプションは、
vAxis: { logscale: true } を設定する場合と同じです。
-
'mirrorLog' - 負の値をゼロにプロットする対数スケーリング。プロットされた負の数値は、絶対値の対数の負数です。0 に近い値は線形スケールでプロットされます。
型: string
デフォルト: null
|
vAxis.textPosition |
グラフの軸を基準とした垂直軸のテキストの位置。サポートされている値: out、in、none。
型: string
デフォルト: 'out'
|
vAxis.textStyle |
縦軸のテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
color には、任意の HTML 色文字列('red' 、'#00cc00' など)を指定できます。fontName と fontSize もご覧ください。
タイプ: オブジェクト
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.ticks |
自動生成された Y 軸の目盛を、指定した配列に置換します。配列の各要素は、有効なティック値(数値、日付、日時、時刻など)またはオブジェクトのいずれかである必要があります。オブジェクトの場合は、ティック値用の v プロパティと、ラベルとして表示されるリテラル文字列を含むオプションの f プロパティが必要です。
オーバーライドする viewWindow.min または viewWindow.max を指定しない限り、viewWindow は自動的に最小ティックと最大ティックを含むように拡張されます。
例:
vAxis: { ticks: [5,10,15,20] }
vAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
vAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
-
vAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }
このオプションは、continuous 軸でのみサポートされています。
型: 要素の配列
デフォルト: 自動
|
vAxis.title |
垂直軸のタイトルを指定する vAxis プロパティ。
型: string
デフォルト: タイトルなし
|
vAxis.titleTextStyle |
縦軸のタイトルのテキスト スタイルを指定するオブジェクト。オブジェクトの形式は次のとおりです。
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
color には、任意の HTML 色文字列('red' 、'#00cc00' など)を指定できます。fontName と fontSize もご覧ください。
タイプ: オブジェクト
デフォルト:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.maxValue |
縦軸の最大値を指定値に移動します。これはほとんどのグラフで上方向になります。データの最大 Y 値よりも小さい値に設定されている場合は無視されます。
vAxis.viewWindow.max はこのプロパティをオーバーライドします。
このオプションは、continuous 軸でのみサポートされています。
タイプ: 数値
デフォルト: 自動
|
vAxis.minValue |
縦軸の最小値を指定の値に移動します。これはほとんどのグラフで下方向になります。データの最小 y 値より大きい値に設定されている場合は無視されます。
vAxis.viewWindow.min はこのプロパティをオーバーライドします。
このオプションは、continuous 軸でのみサポートされています。
タイプ: 数値
デフォルト: null
|
vAxis.viewWindowMode |
縦軸をスケーリングしてグラフ領域内の値をレンダリングする方法を指定します。次の文字列値がサポートされます。
-
'かなり' - 最大値と最小値がグラフ領域の下部と上部に少しレンダリングされるように垂直値を拡大縮小します。viewWindow は、数値が最も近いメジャー グリッド線、または日時が最も近いマイナー グリッド線に拡張されます。
-
「maximized」 - 最大値と最小値がグラフ領域の上部と下部に接触するように、垂直値を調整します。これにより、
vaxis.viewWindow.min と vaxis.viewWindow.max は無視されます。
-
'explicit' - グラフ領域の上と下のスケール値を指定するための、サポートが終了したオプションです。
vaxis.viewWindow.min と vaxis.viewWindow.max については冗長であるため、非推奨です。この値以外のデータ値はトリミングされます。表示する最大値と最小値を示す vAxis.viewWindow オブジェクトを指定する必要があります。
このオプションは、continuous 軸でのみサポートされています。
型: string
デフォルト: 「tyly」と同じですが、使用される場合には vaxis.viewWindow.min と vaxis.viewWindow.max が優先されます。
|
vAxis.viewWindow |
縦軸の切り抜き範囲を指定します。
タイプ: オブジェクト
デフォルト: null
|
vAxis.viewWindow.max |
vAxis.viewWindowMode が「を使う」または「最大化」される際には無視されます。
タイプ: 数値
デフォルト: 自動
|
vAxis.viewWindow.min |
vAxis.viewWindowMode が「を使う」または「最大化」される際には無視されます。
タイプ: 数値
デフォルト: 自動
|
width |
グラフの幅(ピクセル単位)です。
タイプ: 数値
デフォルト: 含まれる要素の幅
|