Chart.js

# インターフェース: BarControllerDatasetOptions

# 階層

# プロパティ

# animation

• animation: false | AnimationSpec<"bar"> & { 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<"bar">

# 継承元

AnimationOptions.animations

# 定義場所

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

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# 継承元

ScriptableAndArrayOptions.backgroundColor

# 定義場所

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

# barPercentage

• barPercentage: number

カテゴリ幅内で各バーが占めるべき幅の割合（0〜1）。1.0にすると、カテゴリ幅全体を占め、バーが互いに隣り合って配置されます。

デフォルト

0.9

# 定義場所

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

# barThickness

• barThickness: number | "flex"

各バーの幅をピクセル単位で手動で設定します。「flex」に設定すると、バーを横に並べるようにグローバルに配置する「最適な」サンプル幅を計算します。設定しない場合（デフォルト）、バーは最小の間隔に基づいて均等なサイズになります。

# 定義場所

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

# base

• base: ScriptableAndArray<number, ScriptableContext<"bar">>

値軸に沿ったデータ単位でのバーの基準値。

# 継承元

ScriptableAndArrayOptions.base

# 定義場所

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

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# 継承元

ScriptableAndArrayOptions.borderColor

# 定義場所

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

# borderRadius

• borderRadius: ScriptableAndArray<number | BorderRadius, ScriptableContext<"bar">>

ボーダー半径

デフォルト

0

# 継承元

ScriptableAndArrayOptions.borderRadius

# 定義元

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

# borderSkipped

• borderSkipped: ScriptableAndArray<boolean | "end" | "start" | "left" | "top" | "bottom" | "right" | "middle", ScriptableContext<"bar">>

スキップ（除外）されるボーダー: 'start'、'end'、'left'、'right'、'bottom'、'top'、'middle'、false (なし)、または true (すべて)。

デフォルト

'start'

# 継承元

ScriptableAndArrayOptions.borderSkipped

# 定義元

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

# borderWidth

• borderWidth: ScriptableAndArray<number | { bottom?: number ; left?: number ; right?: number ; top?: number }, ScriptableContext<"bar">>

ボーダーの幅。すべての辺に対して数値、または各辺の幅を個別に指定するためのオブジェクト。

デフォルト

0

# 継承元

ScriptableAndArrayOptions.borderWidth

# 定義元

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

# categoryPercentage

• categoryPercentage: number

利用可能な幅に対する、各カテゴリがサンプル幅内に収まるべき割合（0〜1）。

デフォルト

0.8

# 定義元

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

# clip

• clip: number | false | ChartArea

chartAreaに対するクリップ方法。正の値はオーバーフローを許可し、負の値はchartAreaの内側でそのピクセル数だけクリップします。0 = chartAreaでクリップ。クリップは各辺ごとに設定することもできます：clip: {left: 5, top: false, right: -2, bottom: 0}

# 継承元

ControllerDatasetOptions.clip

# 定義元

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

# grouped

• grouped: boolean

インデックス軸上でバーをグループ化するかどうか

デフォルト

true

# 定義元

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

# hidden

• hidden: boolean

データセットの表示状態を設定します。trueに設定すると、データセットがチャートから非表示になります。

デフォルト

false

# 継承元

ControllerDatasetOptions.hidden

# 定義元

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

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# 継承元

ScriptableAndArrayOptions.hoverBackgroundColor

# 定義元

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

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# 継承元

ScriptableAndArrayOptions.hoverBorderColor

# 定義元

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

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"bar">>

# 継承元

ScriptableAndArrayOptions.hoverBorderWidth

# 定義元

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

# indexAxis

• indexAxis: "x" | "y"

チャートのベースとなる軸。縦型チャートの場合は'x'、横型チャートの場合は'y'。

デフォルト

'x'

# 継承元

ControllerDatasetOptions.indexAxis

# 定義元

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

# inflateAmount

• inflateAmount: ScriptableAndArray<number | "auto", ScriptableContext<"bar">>

矩形を膨らませる量。これは、バー間のアーティファクトを隠すために使用できます。単位はピクセル。「auto」は、barPercentage * categoryPercentageが1の場合は0.33ピクセル、それ以外の場合は0に変換されます。

デフォルト

'auto'

# 継承元

ScriptableAndArrayOptions.inflateAmount

# 定義元

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

# label

• label: string

凡例とツールチップに表示されるデータセットのラベル。

# 継承元

ControllerDatasetOptions.label

# 定義元

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

# maxBarThickness

• maxBarThickness: number

これよりバーが太くならないようにするための設定。

# 定義元

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

# minBarLength

• minBarLength: number

バーの最小長さをピクセル単位で保証するための設定。

# 定義元

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

# normalized

• normalized: boolean

Chart.js は、データがユニークでソートされ、データセット間で一貫性のあるインデックスを持ち、 `normalized: true` オプションを Chart.js に知らせることで、最も高速に動作します。

# 継承元

ControllerDatasetOptions.normalized

# 定義元

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

# order

• order: number

データセットの描画順序。スタッキング、ツールチップ、凡例の順序にも影響します。

# 継承元

ControllerDatasetOptions.order

# 定義元

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

# parsing

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

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

# 継承元

ControllerDatasetOptions.parsing

# 定義元

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

# pointStyle

• pointStyle: PointStyle

凡例のポイントスタイル

デフォルト

'circle;

# 定義元

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

# stack

• stack: string

このデータセットが属するグループのID（スタック時、各グループは個別のスタックになります）。

# 継承元

ControllerDatasetOptions.stack

# 定義元

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

# transitions

• transitions: TransitionsSpec<"bar">

# 継承元

AnimationOptions.transitions

# 定義元

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

# xAxisID

• xAxisID: string

このデータセットをプロットするX軸のID。

# 定義元

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

# yAxisID

• yAxisID: string

このデータセットをプロットするY軸のID。

# 定義元

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

← BarElement →