# インターフェース: Defaults
# 階層
# プロパティ
# animation
• animation: false | AnimationSpec<keyof ChartTypeRegistry> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }
# 継承元
# 定義場所
types/index.d.ts:1747 (新しいウィンドウで開く)
# animations
• animations: AnimationsSpec<keyof ChartTypeRegistry>
# 継承元
# 定義場所
types/index.d.ts:1757 (新しいウィンドウで開く)
# aspectRatio
• aspectRatio: number
キャンバスのアスペクト比（つまり、幅 / 高さ。1 は正方形のキャンバスを表します）。このオプションは、高さが属性またはスタイルを介して明示的に定義されている場合は無視されることに注意してください。
デフォルト
2
# 継承元
# 定義場所
types/index.d.ts:1645 (新しいウィンドウで開く)
# backgroundColor
• backgroundColor: Scriptable<Color, ScriptableContext<keyof ChartTypeRegistry>>
ベースの背景色
参照
Defaults.backgroundColor
# 継承元
CoreChartOptions.backgroundColor
# 定義場所
types/index.d.ts:1614 (新しいウィンドウで開く)
# borderColor
• borderColor: Scriptable<Color, ScriptableContext<keyof ChartTypeRegistry>>
ベースのボーダー色
参照
Defaults.borderColor
# 継承元
# 定義場所
types/index.d.ts:1619 (新しいウィンドウで開く)
# clip
• clip: number | false | ChartArea
chartAreaを基準としたクリップ方法。正の値はオーバーフローを許可し、負の値はchartAreaの内側でそのピクセル数だけクリップします。0 = chartAreaでクリップします。クリップは、clip: {left: 5, top: false, right: -2, bottom: 0} のように、辺ごとに設定することもできます。
# 継承元
# 定義場所
types/index.d.ts:1603 (新しいウィンドウで開く)
# color
• color: Scriptable<Color, ScriptableContext<keyof ChartTypeRegistry>>
ベース色
参照
Defaults.color
# 継承元
# 定義場所
types/index.d.ts:1609 (新しいウィンドウで開く)
# datasets
• datasets: Object
# 型宣言
# 継承元
# 定義元
types/index.d.ts:1590 (新しいウィンドウで開く)
# devicePixelRatio
• devicePixelRatio: number
ウィンドウのデフォルトのdevicePixelRatioを上書きします。
デフォルト
window.devicePixelRatio
# 継承元
CoreChartOptions.devicePixelRatio
# 定義元
types/index.d.ts:1662 (新しいウィンドウで開く)
# elements
• elements: ElementOptionsByType<keyof ChartTypeRegistry>
# 継承元
ElementChartOptions.elements
# 定義元
types/index.d.ts:2137 (新しいウィンドウで開く)
# events
• events: keyof HTMLElementEventMap[]
eventsオプションは、ツールチップとホバーのためにチャートがリッスンする必要があるブラウザイベントを定義します。
デフォルト
['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']
# 継承元
# 定義元
types/index.d.ts:1672 (新しいウィンドウで開く)
# font
• font: Partial<FontSpec>
ベースフォント
参照
Defaults.font
# 継承元
# 定義元
types/index.d.ts:1624 (新しいウィンドウで開く)
# hover
• hover: CoreInteractionOptions
# 継承元
# 定義元
types/index.d.ts:1666 (新しいウィンドウで開く)
# indexAxis
• indexAxis: "x" | "y"
チャートのベース軸。縦型チャートの場合は「x」、横型チャートの場合は「y」です。
デフォルト
'x'
# 継承元
# 定義元
types/index.d.ts:1598 (新しいウィンドウで開く)
# interaction
• interaction: CoreInteractionOptions
# 継承元
# 定義元
types/index.d.ts:1664 (新しいウィンドウで開く)
# layout
• layout: Partial<{ autoPadding: boolean ; padding: Scriptable<Padding, ScriptableContext<keyof ChartTypeRegistry>> }>
# 継承元
# 定義元
types/index.d.ts:1684 (新しいウィンドウで開く)
# locale
• locale: string
数値の書式設定に使用するロケール (Intl.NumberFormatを使用)。
デフォルト
ユーザーのブラウザ設定
# 継承元
# 定義元
types/index.d.ts:1651 (新しいウィンドウで開く)
# maintainAspectRatio
• maintainAspectRatio: boolean
サイズ変更時に元のキャンバスのアスペクト比 (幅 / 高さ) を維持します。このオプションを適切に機能させるには、チャートが専用のコンテナー内にある必要があります。
デフォルト
true
# 継承元
CoreChartOptions.maintainAspectRatio
# 定義元
types/index.d.ts:1634 (新しいウィンドウで開く)
# normalized
• normalized: boolean
Chart.jsは、データセット全体で一意、ソート済み、および一貫性のあるインデックスを持つデータを提供し、Chart.jsにそのことを知らせるために normalized: true オプションを提供すると、最速になります。
# 継承元
# 定義元
types/index.d.ts:63 (新しいウィンドウで開く)
# parsing
• parsing: false | { [key: string]: string; }
データセットを解析する方法。解析は、チャートオプションまたはデータセットで `parsing: false` を指定することで無効にできます。解析が無効になっている場合、データはソートされ、関連するチャートタイプとスケールが内部的に使用する形式である必要があります。
# 継承元
# 定義元
types/index.d.ts:54 (新しいウィンドウで開く)
# plugins
• plugins: PluginOptionsByType<keyof ChartTypeRegistry>
# 継承元
# 定義元
types/index.d.ts:2950 (新しいウィンドウで開く)
# resizeDelay
• resizeDelay: number
指定されたミリ秒数だけリサイズ更新を遅らせます。これにより、要素の更新をデバウンスすることで、リサイズ処理を容易にできます。
デフォルト
0
# 継承元
# 定義元
types/index.d.ts:1639 (新しいウィンドウで開く)
# responsive
• responsive: boolean
コンテナがリサイズされたときにチャートキャンバスをリサイズします（重要な注意点...）。
デフォルト
true
# 継承元
# 定義元
types/index.d.ts:1629 (新しいウィンドウで開く)
# scale
• scale: ScaleOptionsByType<keyof ScaleTypeRegistry>
# 定義元
types/index.d.ts:668 (新しいウィンドウで開く)
# scales
• scales: Object
# 型宣言
| 名前 | タイプ |
|---|---|
category | { type: "category" } & Omit<CartesianScaleOptions, "max" | "min"> & { labels: string[] | string[][] ; max: string | number ; min: string | number } |
linear | { type: "linear" } & CartesianScaleOptions & { beginAtZero: boolean ; grace?: string | number ; suggestedMax?: number ; suggestedMin?: number ; ticks: { count: number ; format: NumberFormatOptions ; precision: number ; stepSize: number } } |
logarithmic | { type: "logarithmic" } & CartesianScaleOptions & { suggestedMax?: number ; suggestedMin?: number ; ticks: { format: NumberFormatOptions } } |
radialLinear | { type: "radialLinear" } & CoreScaleOptions & { angleLines: { borderDash: Scriptable<number[], ScriptableScaleContext> ; borderDashOffset: Scriptable<number, ScriptableScaleContext> ; color: Scriptable<Color, ScriptableScaleContext> ; display: boolean ; lineWidth: Scriptable<number, ScriptableScaleContext> } ; animate: boolean ; beginAtZero: boolean ; grid: Partial<GridLineOptions> ; max: number ; min: number ; pointLabels: { backdropColor: Scriptable<Color, ScriptableScalePointLabelContext> ; backdropPadding: Scriptable<number | ChartArea, ScriptableScalePointLabelContext> ; borderRadius: Scriptable<number | BorderRadius, ScriptableScalePointLabelContext> ; callback: (label: string, index: number) => string | number | string[] | number[] ; centerPointLabels: boolean ; color: Scriptable<Color, ScriptableScalePointLabelContext> ; display: boolean | "auto" ; font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableScalePointLabelContext> ; padding: Scriptable<number, ScriptableScalePointLabelContext> } ; startAngle: number ; suggestedMax: number ; suggestedMin: number ; ticks: RadialTickOptions } |
time | { type: "time" } & Omit<CartesianScaleOptions, "max" | "min"> & { adapters: { date: unknown } ; bounds: "data" | "ticks" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions } |
timeseries | { type: "timeseries" } & Omit<CartesianScaleOptions, "max" | "min"> & { adapters: { date: unknown } ; bounds: "data" | "ticks" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions } |
# 定義元
types/index.d.ts:669 (新しいウィンドウで開く)
# transitions
• transitions: TransitionsSpec<keyof ChartTypeRegistry>
# 継承元
# 定義元
types/index.d.ts:1758 (新しいウィンドウで開く)
# メソッド
# describe
▸ describe(scope, values): AnyObject
# パラメータ
| 名前 | タイプ |
|---|---|
scope | string |
values | AnyObject |
# 戻り値
AnyObject
# 定義元
types/index.d.ts:677 (新しいウィンドウで開く)
# get
▸ get(scope): AnyObject
# パラメータ
| 名前 | タイプ |
|---|---|
scope | string |
# 戻り値
AnyObject
# 定義元
types/index.d.ts:675 (新しいウィンドウで開く)
# onClick
▸ onClick(event, elements, chart): void
イベントが 'mouseup' または 'click' のタイプの場合に呼び出されます。イベント、アクティブな要素の配列、およびチャートが渡されます。
# パラメータ
| 名前 | タイプ |
|---|---|
event | ChartEvent |
elements | ActiveElement[] |
chart | Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> |
# 戻り値
void
# 継承元
# 定義元
types/index.d.ts:1682 (新しいウィンドウで開く)
# onHover
▸ onHover(event, elements, chart): void
いずれかのイベントが発生したときに呼び出されます。イベント、アクティブな要素（バー、ポイントなど）の配列、およびチャートが渡されます。
# パラメータ
| 名前 | タイプ |
|---|---|
event | ChartEvent |
elements | ActiveElement[] |
chart | Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> |
# 戻り値
void
# 継承元
# 定義元
types/index.d.ts:1677 (新しいウィンドウで開く)
# onResize
▸ onResize(chart, size): void
リサイズが発生したときに呼び出されます。チャートインスタンスと新しいサイズの2つの引数が渡されます。
# パラメータ
| 名前 | タイプ |
|---|---|
chart | Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> |
size | オブジェクト |
size.height | 数値 |
size.width | 数値 |
# 戻り値
void
# 継承元
# 定義元
types/index.d.ts:1656 (新しいウィンドウで開く)
# override
▸ override(scope, values): AnyObject
# パラメータ
| 名前 | タイプ |
|---|---|
scope | string |
values | AnyObject |
# 戻り値
AnyObject
# 定義元
types/index.d.ts:678 (新しいウィンドウで開く)
# route
▸ route(scope, name, targetScope, targetName): void
名前付きデフォルト値を別のスコープ/名前にフォールバックするようにルーティングします。このルーティングは、defaults.colorのようなターゲット値が実行時に変更された場合に役立ちます。値がコピーされた場合、実行時の変更は有効になりません。ルーティングによって、フォールバックはアクセスごとに評価されるため、常に最新の状態になります。
例
defaults.route('elements.arc', 'backgroundColor', '', 'color')
- ローカルで未定義の場合、defaults.colorからbackgroundColorを読み取ります
# パラメータ
| 名前 | タイプ | 説明 |
|---|---|---|
scope | string | このルートが適用されるスコープ。 |
name | string | ここで定義されていない場合に別の名前空間にルーティングされる必要があるプロパティ名。 |
targetScope | string | それらのプロパティがルーティングされる名前空間。空の文字列('')は、defaultsのルートです。 |
targetName | string | プロパティがルーティングされるターゲットスコープ内のターゲット名。 |
# 戻り値
void
# 定義元
types/index.d.ts:697 (新しいウィンドウで開く)
# set
▸ set(values): AnyObject
# パラメータ
| 名前 | タイプ |
|---|---|
values | AnyObject |
# 戻り値
AnyObject
# 定義元
types/index.d.ts:673 (新しいウィンドウで開く)
▸ set(scope, values): AnyObject
# パラメータ
| 名前 | タイプ |
|---|---|
scope | string |
values | AnyObject |
# 戻り値
AnyObject