# インターフェース: CoreChartOptions<TType>

# 型パラメータ

名前	型
`TType`	extends `ChartType`

# 階層

ParsingOptions
AnimationOptions<TType>

↳ CoreChartOptions

↳↳ Defaults

# プロパティ

# animation

• animation: false | AnimationSpec<TType> & { 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 }

# 継承元

AnimationOptions.animation

# 定義元

types/index.d.ts:1747 (新しいウィンドウで開く)

# animations

• animations: AnimationsSpec<TType>

# 継承元

AnimationOptions.animations

# 定義元

types/index.d.ts:1757 (新しいウィンドウで開く)

# aspectRatio

• aspectRatio: number

キャンバスのアスペクト比（つまり、幅 / 高さ。1は正方形のキャンバスを表します）。このオプションは、高さが属性またはスタイルで明示的に定義されている場合は無視されることに注意してください。

デフォルト

# 定義元

types/index.d.ts:1645 (新しいウィンドウで開く)

# backgroundColor

• backgroundColor: Scriptable<Color, ScriptableContext<TType>>

ベースの背景色

参照

Defaults.backgroundColor

# 定義元

types/index.d.ts:1614 (新しいウィンドウで開く)

# borderColor

• borderColor: Scriptable<Color, ScriptableContext<TType>>

ベースの境界線の色

参照

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<TType>>

ベースの色

参照

Defaults.color

# 定義元

types/index.d.ts:1609 (新しいウィンドウで開く)

# datasets

• datasets: Object

# 型宣言

名前	型
`bar`	`BarControllerDatasetOptions`
`bubble`	`BubbleControllerDatasetOptions`
`doughnut`	`DoughnutControllerDatasetOptions`
`line`	`LineControllerDatasetOptions` & `FillerControllerDatasetOptions`
`pie`	`DoughnutControllerDatasetOptions`
`polarArea`	`PolarAreaControllerDatasetOptions`
`radar`	`RadarControllerDatasetOptions` & `FillerControllerDatasetOptions`
`scatter`	`LineControllerDatasetOptions`

# 定義元

types/index.d.ts:1590 (新しいウィンドウで開く)

# devicePixelRatio

• devicePixelRatio: number

ウィンドウのデフォルトのdevicePixelRatioを上書きします。

デフォルト

window.devicePixelRatio

# 定義元

types/index.d.ts:1662 (新しいウィンドウで開きます)

# events

• events: keyof HTMLElementEventMap[]

events オプションは、チャートがツールチップやホバーのためにリッスンするブラウザイベントを定義します。

デフォルト

['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']

# 定義元

types/index.d.ts:1672 (新しいウィンドウで開きます)

# font

• font: Partial<FontSpec>

基本フォント

参照

Defaults.font

# 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<TType>> }>

# 定義元

types/index.d.ts:1684 (新しいウィンドウで開きます)

# locale

• locale: string

数値書式設定に使用されるロケール（Intl.NumberFormatを使用）。

デフォルト

ユーザーのブラウザ設定

# 定義元

types/index.d.ts:1651 (新しいウィンドウで開きます)

# maintainAspectRatio

• maintainAspectRatio: boolean

サイズ変更時に元のキャンバスのアスペクト比（幅/高さ）を維持します。このオプションを正しく機能させるには、チャートが専用のコンテナ内にある必要があります。

デフォルト

true

# 定義元

types/index.d.ts:1634 (新しいウィンドウで開きます)

# normalized

• normalized: boolean

Chart.jsは、データセット間で一意でソートされ、一貫性のあるインデックスを持つデータを提供し、Chart.jsにそれを行ったことを知らせるnormalized: trueオプションを提供すると、最も高速になります。

# 継承元

ParsingOptions.normalized

# 定義元

types/index.d.ts:63 (新しいウィンドウで開きます)

# parsing

• parsing: false | { [key: string]: string; }

データセットの解析方法。解析は、チャートオプションまたはデータセットで parsing: false を指定することで無効にできます。解析が無効になっている場合、データはソートされ、関連するチャートタイプとスケールが内部的に使用する形式である必要があります。

# 継承元

ParsingOptions.parsing

# 定義元

types/index.d.ts:54 (新しいウィンドウで開きます)

# resizeDelay

• resizeDelay: number

指定されたミリ秒数だけサイズ変更の更新を遅延させます。これにより、要素の更新をデバウンスすることで、サイズ変更プロセスを容易にすることができます。

デフォルト

# 定義元

types/index.d.ts:1639 (新しいウィンドウで開きます)

# responsive

• responsive: boolean

コンテナが（重要な注意点...）行うと、チャートキャンバスのサイズを変更します。

デフォルト

true

# 定義元

types/index.d.ts:1629 (新しいウィンドウで開きます)

# transitions

• transitions: TransitionsSpec<TType>

# 継承元

AnimationOptions.transitions

# 定義元

types/index.d.ts:1758 (新しいウィンドウで開きます)

# メソッド

# 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`	`Object`
`size.height`	`number`
`size.width`	`number`

# 戻り値

void

# 定義元

types/index.d.ts:1656 (新しいウィンドウで開きます)

← ControllerDatasetOptions CoreInteractionOptions →

# インターフェース: CoreChartOptions<TType>

# 型パラメータ

# 階層

# プロパティ

# animation

# 継承元

# 定義元

# animations

# 継承元

# 定義元

# aspectRatio

# 定義元

# backgroundColor

# 定義元

# borderColor

# 定義元

# clip

# 定義元

# color

# 定義元

# datasets

# 型宣言

# 定義元

# devicePixelRatio

# 定義元

# events

# 定義元

# font

# 定義元

# hover

# 定義元

# indexAxis

# 定義元

# interaction

# 定義元

# layout

# 定義元

# locale

# 定義元

# maintainAspectRatio

# 定義元

# normalized

# 継承元

# 定義元

# parsing

# 継承元

# 定義元

# resizeDelay

# 定義元

# responsive

# 定義元

# transitions

# 継承元

# 定義元

# メソッド

# onClick

# パラメータ

# 戻り値

# 定義元

# onHover

# パラメータ

# 戻り値

# 定義元

# onResize

# パラメータ

# 戻り値

# 定義元