# 線形軸
線形スケールは数値データのグラフ作成に使用されます。これは、x軸またはy軸のいずれかに配置できます。散布図タイプのチャートは、これらのスケールのいずれかをx軸に使用するために、自動的に線形チャートを設定します。名前が示唆するように、線形補間を使用して、値が軸上のどこに存在するかを決定します。
# 設定オプション
# 線形軸固有のオプション
名前空間: options.scales[scaleId]
| 名前 | タイプ | 説明 |
|---|---|---|
beginAtZero | boolean | trueの場合、スケールには0が含まれます（既に含まれていない場合）。 |
grace | number|string | スケール範囲の上下にあるデータに追加するスペースの割合（%で終わる文字列）または量（数値）。詳細... |
# すべての直交座標軸に共通するオプション
名前空間: options.scales[scaleId]
| 名前 | タイプ | デフォルト | 説明 |
|---|---|---|---|
bounds | string | 'ticks' | スケール範囲を決定します。詳細... |
clip | boolean | true | trueの場合、チャート領域ではなくスケールのサイズに対してデータセットの描画をクリップします。 |
position | string | object | 軸の位置。詳細... | |
stack | string | スタックグループ。同じpositionで同じstackを持つ軸は積み重ねられます。 | |
stackWeight | number | 1 | スタックグループ内のスケールの重み。グループ内のスケールに割り当てられるスペースの量を決定するために使用されます。 |
axis | string | 軸の種類。可能な値は'x'、'y'です。設定されていない場合、これはIDの先頭文字（'x'または'y'である必要があります）から推測されます。 | |
offset | boolean | false | trueの場合、両方の端に余分なスペースが追加され、軸はチャート領域に収まるようにスケーリングされます。これは、棒グラフではデフォルトでtrueに設定されています。 |
title | object | スケールのタイトル設定。詳細... |
# すべての軸に共通するオプション
名前空間: options.scales[scaleId]
| 名前 | タイプ | デフォルト | 説明 |
|---|---|---|---|
type | string | 使用されているスケールの種類。カスタムスケールを作成し、文字列キーで登録できます。これにより、チャートの軸の種類を変更できます。 | |
alignToPixels | boolean | false | ピクセル値をデバイスピクセルに合わせます。 |
backgroundColor | カラー | スケール領域の背景色。 | |
border | object | ボーダー設定。詳細... | |
display | boolean|string | true | 軸のグローバルな表示を制御します（trueの場合は表示、falseの場合は非表示）。display: 'auto'の場合、軸は関連付けられたデータセットが少なくとも1つ表示されている場合のみ表示されます。 |
grid | object | グリッド線設定。詳細... | |
min | number | スケールのユーザー定義の最小数。データからの最小値を上書きします。詳細... | |
max | number | スケールのユーザー定義の最大数。データからの最大値を上書きします。詳細... | |
reverse | boolean | false | スケールを反転します。 |
stacked | boolean|string | false | データを積み重ねるかどうか。詳細... |
suggestedMax | number | 最大データ値を計算する際に使用される調整値。詳細... | |
suggestedMin | number | 最小データ値を計算する際に使用される調整値。詳細... | |
ticks | object | 目盛設定。詳細... | |
weight | number | 0 | 軸をソートするために使用される重み。重みが大きいほど、チャート領域から離れています。 |
# 目盛設定
# 線形軸固有の目盛オプション
名前空間: options.scales[scaleId].ticks
| 名前 | タイプ | スクリプタブル | デフォルト | 説明 |
|---|---|---|---|---|
count | number | はい | undefined | 生成する目盛の数。指定されている場合、自動生成を上書きします。 |
format | object | はい | デフォルトのラベルフォーマッタで使用されるIntl.NumberFormat (新しいウィンドウで開きます)オプション | |
precision | number | はい | 定義されていてstepSizeが指定されていない場合、ステップサイズは小数点以下この桁数に丸められます。 | |
stepSize | number | はい | スケールのユーザー定義の固定ステップサイズ。詳細... |
# すべての直交座標軸に共通する目盛オプション
名前空間: options.scales[scaleId].ticks
| 名前 | タイプ | デフォルト | 説明 |
|---|---|---|---|
align | string | 'center' | 軸に沿った目盛の位置合わせ。'start'、'center'、'end'、または'inner'にすることができます。innerの位置合わせは、水平軸の最初の目盛にはstart、最後の目盛にはendを揃えることを意味します。 |
crossAlign | string | 'near' | 軸に垂直な目盛の位置合わせ。'near'、'center'、または'far'にすることができます。目盛の位置合わせを参照してください。 |
sampleSize | number | ticks.length | ラベルの数がいくつ表示できるかを決定する際に調べる目盛の数。値を小さくすると高速になりますが、ラベルの長さに大きなばらつきがある場合は精度が低くなる可能性があります。 |
autoSkip | boolean | true | trueの場合、表示できるラベルの数を自動的に計算し、それに応じてラベルを非表示にします。ラベルは、スキップする前にmaxRotationまで回転されます。すべてのラベルを表示するには、autoSkipをオフにします。 |
autoSkipPadding | number | 3 | autoSkipが有効になっている場合の水平軸上の目盛間の埋め込み。 |
includeBounds | boolean | true | 定義されたminとmaxの値を、「適切な」値でなくても目盛として表示するかどうか。 |
labelOffset | number | 0 | 目盛の中心点からラベルをオフセットするピクセル単位の距離（x軸の場合はx方向、y軸の場合はy方向）。_注：これにより、端にあるラベルがキャンバスの端で切り取られる可能性があります_ |
maxRotation | number | 50 | ラベルを圧縮するために回転する際の目盛ラベルの最大回転角度。注：回転は必要になるまで行われません。_注：水平スケールにのみ適用されます。_ |
minRotation | number | 0 | 目盛ラベルの最小回転角度。_注：水平スケールにのみ適用されます。_ |
mirror | boolean | false | 軸の周りの目盛ラベルを反転し、ラベルを外部ではなくチャート内に表示します。_注：垂直スケールにのみ適用されます。_ |
padding | number | 0 | 目盛ラベルと軸の間の埋め込み。垂直軸に設定されている場合、これは水平（X）方向に適用されます。水平軸に設定されている場合、これは垂直（Y）方向に適用されます。 |
maxTicksLimit | number | 11 | 表示する目盛とグリッド線の最大数。 |
# すべての軸に共通する目盛オプション
名前空間: options.scales[scaleId].ticks
| 名前 | タイプ | スクリプタブル | デフォルト | 説明 |
|---|---|---|---|---|
backdropColor | カラー | はい | 'rgba(255, 255, 255, 0.75)' | ラベル背景の色。 |
backdropPadding | 埋め込み | 2 | ラベル背景の埋め込み。 | |
callback | 関数 | チャートに表示されるように、目盛値の文字列表現を返します。callbackを参照してください。 | ||
display | boolean | true | trueの場合、目盛ラベルを表示します。 | |
color | カラー | はい | Chart.defaults.color | 目盛の色。 |
font | フォント | はい | Chart.defaults.font | フォントを参照してください。 |
major | object | {} | 主要な目盛設定. | |
padding | number | 3 | 軸からの目盛ラベルのオフセットを設定します。 | |
showLabelBackdrop | boolean | はい | 極座標スケールではtrue、それ以外はfalse | trueの場合、目盛ラベルの後ろに背景を描画します。 |
textStrokeColor | カラー | はい | `` | テキストの周りのストロークの色。 |
textStrokeWidth | number | はい | 0 | テキストの周りのストロークの幅。 |
z | number | 0 | 目盛レイヤーのz-index。目盛がチャート領域に描画される場合に役立ちます。値が0以下の場合はデータセットの下に、0より大きい場合は上に描画されます。 |
# ステップサイズ
設定されている場合、スケールの目盛はstepSizeの倍数で列挙され、増分ごとに1つの目盛が設定されます。設定されていない場合、目盛は適切な数値アルゴリズムを使用して自動的にラベル付けされます。
この例では、0、0.5、1、1.5、2、2.5、3、3.5、4、4.5、5で目盛を作成するy軸を持つチャートを設定します。
let options = {
scales: {
y: {
max: 5,
min: 0,
ticks: {
stepSize: 0.5
}
}
}
};
# Grace
値が%で終わる文字列の場合、パーセンテージとして扱われます。数値の場合、値として扱われます。この値は最大データ値に加算され、最小データ値から減算されます。これにより、データ値がそれよりもはるかに大きい場合のように、スケール範囲が拡張されます。
# 内部データ形式
内部的には、線形スケールは数値データを使用します。