# Chart.js - v4.4.3
# 列挙型
# クラス
- Animation
- Animations
- Animator
- ArcElement
- BasePlatform
- BasicPlatform
- Chart
- DatasetController
- DomPlatform
- PointElement
- Scale
# インターフェース
- ActiveDataPoint
- ActiveElement
- AnimationEvent
- ArcBorderRadius
- ArcHoverOptions
- ArcOptions
- ArcProps
- BackdropOptions
- BarControllerChartOptions
- BarControllerDatasetOptions
- BarElement
- BarHoverOptions
- BarOptions
- BarProps
- BorderOptions
- BorderRadius
- BubbleControllerDatasetOptions
- BubbleDataPoint
- CanvasFontSpec
- CartesianParsedData
- CartesianScaleOptions
- CartesianScaleTypeRegistry
- ChartArea
- ChartComponent
- ChartConfiguration
- ChartConfigurationCustomTypesPerDataset
- ChartData
- ChartDataCustomTypesPerDataset
- ChartDatasetProperties
- ChartDatasetPropertiesCustomTypesPerDataset
- ChartEvent
- ChartTypeRegistry
- CommonElementOptions
- CommonHoverOptions
- ComplexFillTarget
- ControllerDatasetOptions
- CoreChartOptions
- CoreInteractionOptions
- CoreScaleOptions
- DatasetControllerChartComponent
- Defaults
- DoughnutAnimationOptions
- DoughnutController
- DoughnutControllerChartOptions
- DoughnutControllerDatasetOptions
- DoughnutMetaExtensions
- ElementOptionsByType
- ExtendedPlugin
- FillerControllerDatasetOptions
- FillerOptions
- FontSpec
- GridLineOptions
- InteractionItem
- InteractionModeMap
- InteractionOptions
- LabelItem
- LayoutItem
- LegendElement
- LegendItem
- LegendOptions
- LineControllerChartOptions
- LineControllerDatasetOptions
- LineElement
- LineHoverOptions
- LineOptions
- LineProps
- ParsingOptions
- Plugin
- PluginChartOptions
- PluginOptionsByType
- Point
- PointHoverOptions
- PointOptions
- PointPrefixedHoverOptions
- PointPrefixedOptions
- PolarAreaController
- PolarAreaControllerChartOptions
- PolarAreaControllerDatasetOptions
- RadarControllerDatasetOptions
- RadialLinearScale
- RadialScaleTypeRegistry
- Registry
- RenderTextOpts
- ScaleTypeRegistry
- ScriptableCartesianScaleContext
- ScriptableChartContext
- ScriptableContext
- ScriptableLineSegmentContext
- ScriptableScaleContext
- ScriptableScalePointLabelContext
- ScriptableTooltipContext
- Segment
- Tick
- TickOptions
- TimeScale
- TitleOptions
- Tooltip
- TooltipCallbacks
- TooltipItem
- TooltipLabelStyle
- TooltipModel
- TooltipOptions
- TooltipPosition
- TooltipPositionerMap
- TypedRegistry
- VisualElement
# 型エイリアス
# Align
Ƭ Align: "start" | "center" | "end"
# 定義場所
types/index.d.ts:1793 (新しいウィンドウで開きます)
# AnimationOptions
Ƭ AnimationOptions<TType>: Object
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType |
# 型宣言
| 名前 | 型 |
|---|---|
animation | false | AnimationSpec<TType> & { onComplete?: (this: Chart, event: AnimationEvent) => void ; onProgress?: (this: Chart, event: AnimationEvent) => void } |
animations | AnimationsSpec<TType> |
transitions | TransitionsSpec<TType> |
# 定義場所
types/index.d.ts:1746 (新しいウィンドウで開きます)
# AnimationSpec
Ƭ AnimationSpec<TType>: Object
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType |
# 型宣言
| 名前 | 型 | 説明 |
|---|---|---|
delay? | Scriptable<number, ScriptableContext<TType>> | アニメーションを開始する前の遅延時間。デフォルト 0 |
duration? | Scriptable<number, ScriptableContext<TType>> | アニメーションにかかるミリ秒数。デフォルト 1000 |
easing? | Scriptable<EasingFunction, ScriptableContext<TType>> | 使用するイージング関数。デフォルト 'easeOutQuart' |
loop? | Scriptable<boolean, ScriptableContext<TType>> | trueに設定すると、アニメーションが無限にループします。デフォルト false |
# 定義場所
types/index.d.ts:1690 (新しいウィンドウで開きます)
# AnimationsSpec
Ƭ AnimationsSpec<TType>: Object
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType |
# インデックスシグネチャ
▪ [name: string]: false | AnimationSpec<TType> & { fn: <T>(from: T, to: T, factor: number) => T ; from: Scriptable<Color | number | boolean, ScriptableContext<TType>> ; properties: string[] ; to: Scriptable<Color | number | boolean, ScriptableContext<TType>> ; type: "color" | "number" | "boolean" }
# 定義場所
types/index.d.ts:1715 (新しいウィンドウで開きます)
# BarController
Ƭ BarController: DatasetController
# 定義場所
types/index.d.ts:156 (新しいウィンドウで開きます)
types/index.d.ts:157 (新しいウィンドウで開きます)
# BubbleController
Ƭ BubbleController: DatasetController
# 定義場所
types/index.d.ts:183 (新しいウィンドウで開きます)
types/index.d.ts:184 (新しいウィンドウで開きます)
# CartesianTickOptions
Ƭ CartesianTickOptions: TickOptions & { align: Align | "inner" ; autoSkip: boolean ; autoSkipPadding: number ; crossAlign: "near" | "center" | "far" ; includeBounds: boolean ; labelOffset: number ; maxRotation: number ; maxTicksLimit: number ; minRotation: number ; mirror: boolean ; padding: number ; sampleSize: number }
# 定義場所
types/index.d.ts:3090 (新しいウィンドウで開きます)
# CategoryScale
Ƭ CategoryScale<O>: Scale<O>
# 型パラメータ
| 名前 | 型 |
|---|---|
O | extends CategoryScaleOptions = CategoryScaleOptions |
# 定義場所
types/index.d.ts:3257 (新しいウィンドウで開きます)
types/index.d.ts:3258 (新しいウィンドウで開きます)
# CategoryScaleOptions
Ƭ CategoryScaleOptions: Omit<CartesianScaleOptions, "min" | "max"> & { labels: string[] | string[][] ; max: string | number ; min: string | number }
# 定義場所
types/index.d.ts:3251 (新しいウィンドウで開きます)
# ChartComponentLike
Ƭ ChartComponentLike: ChartComponent | ChartComponent[] | { [key: string]: ChartComponent; } | Plugin | Plugin[]
# 定義場所
types/index.d.ts:1125 (新しいウィンドウで開きます)
# ChartDataset
Ƭ ChartDataset<TType, TData>: DeepPartial<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }[TType]> & ChartDatasetProperties<TType, TData>
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType = ChartType |
TData | DefaultDataPoint<TType> |
# 定義場所
types/index.d.ts:3770 (新しいウィンドウで開きます)
# ChartDatasetCustomTypesPerDataset
Ƭ ChartDatasetCustomTypesPerDataset<TType, TData>: DeepPartial<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }[TType]> & ChartDatasetPropertiesCustomTypesPerDataset<TType, TData>
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType = ChartType |
TData | DefaultDataPoint<TType> |
# 定義場所
types/index.d.ts:3777 (新しいウィンドウで開きます)
# ChartItem
Ƭ ChartItem: string | CanvasRenderingContext2D | HTMLCanvasElement | { canvas: HTMLCanvasElement } | ArrayLike<CanvasRenderingContext2D | HTMLCanvasElement>
# 定義場所
types/index.d.ts:563 (新しいウィンドウで開きます)
# ChartMeta
Ƭ ChartMeta<TType, TElement, TDatasetElement>: DeepPartial<{ [key in ChartType]: ChartTypeRegistry[key]["metaExtensions"] }[TType]> & ChartMetaCommon<TElement, TDatasetElement>
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType = ChartType |
TElement | extends Element = Element |
TDatasetElement | extends Element = Element |
# 定義場所
types/index.d.ts:467 (新しいウィンドウで開きます)
# ChartOptions
Ƭ ChartOptions<TType>: DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType = ChartType |
# 定義場所
types/index.d.ts:3747 (新しいウィンドウで開きます)
# ChartType
Ƭ ChartType: keyof ChartTypeRegistry
# 定義場所
types/index.d.ts:3726 (新しいウィンドウで開きます)
# Color
Ƭ Color: string | CanvasGradient | CanvasPattern
# 定義場所
types/color.d.ts:1 (新しいウィンドウで開きます)
# DatasetChartOptions
Ƭ DatasetChartOptions<TType>: { [key in TType]: Object }
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType = ChartType |
# 定義場所
types/index.d.ts:3735 (新しいウィンドウで開きます)
# DecimationOptions
Ƭ DecimationOptions: LttbDecimationOptions | MinMaxDecimationOptions
# 定義場所
types/index.d.ts:2220 (新しいウィンドウで開きます)
# DefaultDataPoint
Ƭ DefaultDataPoint<TType>: DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType |
# 定義場所
types/index.d.ts:3756 (新しいウィンドウで開きます)
# DoughnutDataPoint
Ƭ DoughnutDataPoint: number
# 定義元
types/index.d.ts:338 (新しいウィンドウで開きます)
# EasingFunction
Ƭ EasingFunction: keyof typeof effects
# 定義元
helpers/helpers.easing.ts:122 (新しいウィンドウで開きます)
# ElementChartOptions
Ƭ ElementChartOptions<TType>: Object
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType = ChartType |
# 型宣言
| 名前 | 型 |
|---|---|
elements | ElementOptionsByType<TType> |
# 定義元
types/index.d.ts:2136 (新しいウィンドウで開きます)
# FillTarget
Ƭ FillTarget: number | string | { value: number } | "start" | "end" | "origin" | "stack" | "shape" | boolean
# 定義元
types/index.d.ts:2228 (新しいウィンドウで開きます)
# InteractionAxis
Ƭ InteractionAxis: "x" | "y" | "xy" | "r"
# 定義元
types/index.d.ts:1562 (新しいウィンドウで開きます)
# InteractionMode
Ƭ InteractionMode: keyof InteractionModeMap
# 定義元
types/index.d.ts:761 (新しいウィンドウで開きます)
# InteractionModeFunction
Ƭ InteractionModeFunction: (chart: Chart, e: ChartEvent, options: InteractionOptions, useFinalPosition?: boolean) => InteractionItem[]
# 型宣言
▸ (chart, e, options, useFinalPosition?): InteractionItem[]
# パラメータ
| 名前 | 型 |
|---|---|
chart | Chart |
e | ChartEvent |
options | InteractionOptions |
useFinalPosition? | boolean |
# 戻り値
# 定義元
types/index.d.ts:723 (新しいウィンドウで開きます)
# LayoutPosition
Ƭ LayoutPosition: "left" | "top" | "right" | "bottom" | "center" | "chartArea" | { [scaleId: string]: number; }
# 定義元
types/layout.d.ts:3 (新しいウィンドウで開きます)
# LineController
Ƭ LineController: DatasetController
# 定義元
types/index.d.ts:229 (新しいウィンドウで開きます)
types/index.d.ts:230 (新しいウィンドウで開きます)
# LinearScale
Ƭ LinearScale<O>: Scale<O>
# 型パラメータ
| 名前 | 型 |
|---|---|
O | extends LinearScaleOptions = LinearScaleOptions |
# 定義元
types/index.d.ts:3306 (新しいウィンドウで開きます)
types/index.d.ts:3307 (新しいウィンドウで開きます)
# LinearScaleOptions
Ƭ LinearScaleOptions: CartesianScaleOptions & { beginAtZero: boolean ; grace?: string | number ; suggestedMax?: number ; suggestedMin?: number ; ticks: { count: number ; format: Intl.NumberFormatOptions ; precision: number ; stepSize: number } }
# 定義元
types/index.d.ts:3263 (新しいウィンドウで開きます)
# LogarithmicScale
Ƭ LogarithmicScale<O>: Scale<O>
# 型パラメータ
| 名前 | 型 |
|---|---|
O | extends LogarithmicScaleOptions = LogarithmicScaleOptions |
# 定義元
types/index.d.ts:3330 (新しいウィンドウで開きます)
types/index.d.ts:3331 (新しいウィンドウで開きます)
# LogarithmicScaleOptions
Ƭ LogarithmicScaleOptions: CartesianScaleOptions & { suggestedMax?: number ; suggestedMin?: number ; ticks: { format: Intl.NumberFormatOptions } }
# 定義元
types/index.d.ts:3312 (新しいウィンドウで開きます)
# Overrides
Ƭ Overrides: { [key in ChartType]: CoreChartOptions<key> & ElementChartOptions<key> & PluginChartOptions<key> & DatasetChartOptions<ChartType> & ScaleChartOptions<key> & ChartTypeRegistry[key]["chartOptions"] }
# 定義元
types/index.d.ts:700 (新しいウィンドウを開く)
# ParsedDataType
Ƭ ParsedDataType<TType>: ChartTypeRegistry[TType]["parsedDataType"]
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType = ChartType |
# 定義元
types/index.d.ts:3758 (新しいウィンドウを開く)
# PieAnimationOptions
Ƭ PieAnimationOptions: DoughnutAnimationOptions
# 定義元
types/index.d.ts:361 (新しいウィンドウを開く)
# PieController
Ƭ PieController: DoughnutController
# 定義元
types/index.d.ts:366 (新しいウィンドウを開く)
types/index.d.ts:367 (新しいウィンドウを開く)
# PieControllerChartOptions
Ƭ PieControllerChartOptions: DoughnutControllerChartOptions
# 定義元
types/index.d.ts:360 (新しいウィンドウを開く)
# PieControllerDatasetOptions
Ƭ PieControllerDatasetOptions: DoughnutControllerDatasetOptions
# 定義元
types/index.d.ts:359 (新しいウィンドウを開く)
# PieDataPoint
Ƭ PieDataPoint: DoughnutDataPoint
# 定義元
types/index.d.ts:363 (新しいウィンドウを開く)
# PieMetaExtensions
Ƭ PieMetaExtensions: DoughnutMetaExtensions
# 定義元
types/index.d.ts:364 (新しいウィンドウを開く)
# PointProps
Ƭ PointProps: Point
# 定義元
elements/element.point.ts:18 (新しいウィンドウを開く)
# PointStyle
Ƭ PointStyle: "circle" | "cross" | "crossRot" | "dash" | "line" | "rect" | "rectRounded" | "rectRot" | "star" | "triangle" | false | HTMLImageElement | HTMLCanvasElement
# 定義元
types/index.d.ts:1968 (新しいウィンドウを開く)
# PolarAreaAnimationOptions
Ƭ PolarAreaAnimationOptions: DoughnutAnimationOptions
# 定義元
types/index.d.ts:380 (新しいウィンドウを開く)
# RadarController
Ƭ RadarController: DatasetController
# 定義元
types/index.d.ts:427 (新しいウィンドウを開く)
types/index.d.ts:428 (新しいウィンドウを開く)
# RadarControllerChartOptions
Ƭ RadarControllerChartOptions: LineControllerChartOptions
# 定義元
types/index.d.ts:425 (新しいウィンドウを開く)
# RadialLinearScaleOptions
Ƭ RadialLinearScaleOptions: 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 | string[] | number | 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 }
# 定義元
types/index.d.ts:3470 (新しいウィンドウで開く)
# RadialTickOptions
Ƭ RadialTickOptions: TickOptions & { count: number ; format: Intl.NumberFormatOptions ; maxTicksLimit: number ; precision: number ; stepSize: number }
# 定義元
types/index.d.ts:3442 (新しいウィンドウで開く)
# ScaleChartOptions
Ƭ ScaleChartOptions<TType>: Object
# 型パラメータ
| 名前 | 型 |
|---|---|
TType | extends ChartType = ChartType |
# 型宣言
| 名前 | 型 |
|---|---|
scales | { [key: string]: ScaleOptionsByType<ChartTypeRegistry[TType]["scales"]>; } |
# 定義元
types/index.d.ts:3741 (新しいウィンドウで開く)
# ScaleOptions
Ƭ ScaleOptions<TScale>: DeepPartial<ScaleOptionsByType<TScale>>
# 型パラメータ
| 名前 | 型 |
|---|---|
TScale | extends ScaleType = ScaleType |
# 定義元
types/index.d.ts:3733 (新しいウィンドウで開く)
# ScaleOptionsByType
Ƭ ScaleOptionsByType<TScale>: { [key in ScaleType]: Object & ScaleTypeRegistry[key]["options"] }[TScale]
# 型パラメータ
| 名前 | 型 |
|---|---|
TScale | extends ScaleType = ScaleType |
# 定義元
types/index.d.ts:3728 (新しいウィンドウで開く)
# ScaleType
Ƭ ScaleType: keyof ScaleTypeRegistry
# 定義元
types/index.d.ts:3625 (新しいウィンドウで開く)
# ScatterController
Ƭ ScatterController: LineController
# 定義元
types/index.d.ts:241 (新しいウィンドウで開く)
types/index.d.ts:242 (新しいウィンドウで開く)
# ScatterControllerChartOptions
Ƭ ScatterControllerChartOptions: LineControllerChartOptions
# 定義元
types/index.d.ts:239 (新しいウィンドウで開く)
# ScatterControllerDatasetOptions
Ƭ ScatterControllerDatasetOptions: LineControllerDatasetOptions
# 定義元
types/index.d.ts:235 (新しいウィンドウで開く)
# ScatterDataPoint
Ƭ ScatterDataPoint: Point
# 定義元
types/index.d.ts:237 (新しいウィンドウで開く)
# Scriptable
Ƭ Scriptable<T, TContext>: T | (ctx: TContext, options: AnyObject) => T | undefined
# 型パラメータ
| 名前 |
|---|
T |
TContext |
# 定義元
types/index.d.ts:44 (新しいウィンドウで開く)
# ScriptableAndArray
Ƭ ScriptableAndArray<T, TContext>: readonly T[] | Scriptable<T, TContext>
# 型パラメータ
| 名前 |
|---|
T |
TContext |
# 定義元
types/index.d.ts:47 (新しいウィンドウで開く)
# ScriptableAndArrayOptions
Ƭ ScriptableAndArrayOptions<T, TContext>: { [P in keyof T]: ScriptableAndArray<T[P], TContext> }
# 型パラメータ
| 名前 |
|---|
T |
TContext |
# 定義元
types/index.d.ts:48 (新しいウィンドウで開く)
# ScriptableAndScriptableOptions
Ƭ ScriptableAndScriptableOptions<T, TContext>: Scriptable<T, TContext> | ScriptableOptions<T, TContext>
# 型パラメータ
| 名前 |
|---|
T |
TContext |
# 定義元
types/index.d.ts:46 (新しいウィンドウで開く)
# ScriptableOptions
Ƭ ScriptableOptions<T, TContext>: { [P in keyof T]: Scriptable<T[P], TContext> }
# 型パラメーター
| 名前 |
|---|
T |
TContext |
# 定義場所
types/index.d.ts:45 (新しいウィンドウで開きます)
# TextAlign
Ƭ TextAlign: "left" | "center" | "right"
# 定義場所
types/index.d.ts:1792 (新しいウィンドウで開きます)
# TimeScaleOptions
Ƭ TimeScaleOptions: Omit<CartesianScaleOptions, "min" | "max"> & { adapters: { date: unknown } ; bounds: "ticks" | "data" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions }
# 定義場所
types/index.d.ts:3391 (新しいウィンドウで開きます)
# TimeScaleTickOptions
Ƭ TimeScaleTickOptions: Object
# 型宣言
| 名前 | 型 | 説明 |
|---|---|---|
source | "labels" | "auto" | "data" | 目盛りの生成に使用する入力値: - 'auto': スケールのサイズと時間オプションに基づいて「最適な」目盛りを生成します。 - 'data': データから目盛りを生成します(データ{t|x|y}オブジェクトのラベルを含む)。 - 'labels': ユーザーが指定したdata.labelsの値のみから目盛りを生成します。 参照 https://github.com/chartjs/Chart.js/pull/4507 導入 2.7.0 デフォルト 'auto' |
stepSize | number | グリッド線間の単位数。デフォルト 1 |
# 定義場所
types/index.d.ts:3373 (新しいウィンドウで開きます)
# TimeScaleTimeOptions
Ƭ TimeScaleTimeOptions: Object
# 型宣言
| 名前 | 型 | 説明 |
|---|---|---|
displayFormats | { [key: string]: string; } | 異なる時間単位の表示方法を設定します。 |
isoWeekday | boolean | number | ブール値が true で、単位が 'week' に設定されている場合、週の最初の曜日は月曜日になります。それ以外の場合は日曜日になります。number の場合は、週の最初の曜日のインデックスです(0 - 日曜日、6 - 土曜日)。デフォルト false |
minUnit | TimeUnit | 時間単位に使用する最小表示形式。デフォルト 'millisecond' |
parser | string | (v: unknown) => number | 日付用のカスタムパーサー。 |
round | false | TimeUnit | 定義されている場合、日付はこの単位の開始時刻に丸められます。使用可能な単位については、以下の時間単位を参照してください。 |
tooltipFormat | string | ツールチップに使用する書式文字列。 |
unit | false | TimeUnit | 定義されている場合、単位を特定のタイプに強制します。詳細については、以下の時間単位セクションを参照してください。デフォルト false |
# 定義場所
types/index.d.ts:3336 (新しいウィンドウで開きます)
# TimeSeriesScale
Ƭ TimeSeriesScale<O>: TimeScale<O>
# 型パラメーター
| 名前 | 型 |
|---|---|
O | extends TimeScaleOptions = TimeScaleOptions |
# 定義場所
types/index.d.ts:3436 (新しいウィンドウで開きます)
types/index.d.ts:3437 (新しいウィンドウで開きます)
# TooltipPositioner
Ƭ TooltipPositioner: keyof TooltipPositionerMap
# 定義場所
types/index.d.ts:2650 (新しいウィンドウで開きます)
# TooltipPositionerFunction
Ƭ TooltipPositionerFunction<TType>: (this: TooltipModel<TType>, items: readonly ActiveElement[], eventPosition: Point) => TooltipPosition | false
# 型パラメーター
| 名前 | 型 |
|---|---|
TType | extends ChartType |
# 型宣言
▸ (this, items, eventPosition): TooltipPosition | false
# パラメーター
| 名前 | 型 |
|---|---|
this | TooltipModel<TType> |
items | readonly ActiveElement[] |
eventPosition | Point |
# 戻り値
TooltipPosition | false
# 定義場所
types/index.d.ts:2639 (新しいウィンドウで開きます)
# TooltipXAlignment
Ƭ TooltipXAlignment: "left" | "center" | "right"
# 定義場所
types/index.d.ts:2550 (新しいウィンドウで開きます)
# TooltipYAlignment
Ƭ TooltipYAlignment: "top" | "center" | "bottom"
# 定義場所
types/index.d.ts:2551 (新しいウィンドウで開きます)
# TransitionSpec
Ƭ TransitionSpec<TType>: Object
# 型パラメーター
| 名前 | 型 |
|---|---|
TType | extends ChartType |
# 型宣言
| 名前 | 型 |
|---|---|
animation | AnimationSpec<TType> |
animations | AnimationsSpec<TType> |
# 定義場所
types/index.d.ts:1737 (新しいウィンドウで開きます)
# TransitionsSpec
Ƭ TransitionsSpec<TType>: Object
# 型パラメーター
| 名前 | 型 |
|---|---|
TType | extends ChartType |
# インデックスシグネチャ
▪ [mode: string]: TransitionSpec<TType>
# 定義場所
types/index.d.ts:1742 (新しいウィンドウで開きます)
# UpdateMode
Ƭ UpdateMode: keyof typeof UpdateModeEnum
# 定義場所
types/index.d.ts:580 (新しいウィンドウで開きます)
# 変数
# BarController
• BarController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => BarController
# 定義元
types/index.d.ts:156 (新しいウィンドウで開きます)
types/index.d.ts:157 (新しいウィンドウで開きます)
# BarElement
• BarElement: ChartComponent & (cfg: AnyObject) => BarElement<BarProps, BarOptions>
# 定義元
types/index.d.ts:2119 (新しいウィンドウで開く)
types/index.d.ts:2124 (新しいウィンドウで開く)
# BubbleController
• BubbleController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => BubbleController
# 定義元
types/index.d.ts:183 (新しいウィンドウで開きます)
types/index.d.ts:184 (新しいウィンドウで開きます)
# CategoryScale
• CategoryScale: ChartComponent & <O>(cfg: AnyObject) => CategoryScale<O>
# 定義元
types/index.d.ts:3257 (新しいウィンドウで開きます)
types/index.d.ts:3258 (新しいウィンドウで開きます)
# Decimation
• Const Decimation: Plugin
# 定義元
types/index.d.ts:2200 (新しいウィンドウで開く)
# DoughnutController
• DoughnutController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => DoughnutController
# 定義元
types/index.d.ts:340 (新しいウィンドウで開く)
types/index.d.ts:350 (新しいウィンドウで開く)
# Filler
• Const Filler: Plugin
# 定義元
types/index.d.ts:2222 (新しいウィンドウで開く)
# Interaction
• Const Interaction: Object
# 型宣言
| 名前 | 型 |
|---|---|
modes | InteractionModeMap |
evaluateInteractionItems | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, axis: InteractionAxis, position: Point, handler: (element: default<AnyObject, AnyObject> & VisualElement, datasetIndex: number, index: number) => void, intersect?: boolean) => InteractionItem[] |
# 定義元
types/index.d.ts:763 (新しいウィンドウで開く)
# Legend
• Const Legend: Plugin
# 定義元
types/index.d.ts:2252 (新しいウィンドウで開く)
# LineController
• LineController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => LineController
# 定義元
types/index.d.ts:229 (新しいウィンドウで開きます)
types/index.d.ts:230 (新しいウィンドウで開きます)
# LineElement
• LineElement: ChartComponent & (cfg: AnyObject) => LineElement<LineProps, LineOptions>
# 定義元
types/index.d.ts:1950 (新しいウィンドウで開く)
types/index.d.ts:1963 (新しいウィンドウで開く)
# LinearScale
• LinearScale: ChartComponent & <O>(cfg: AnyObject) => LinearScale<O>
# 定義元
types/index.d.ts:3306 (新しいウィンドウで開きます)
types/index.d.ts:3307 (新しいウィンドウで開きます)
# LogarithmicScale
• LogarithmicScale: ChartComponent & <O>(cfg: AnyObject) => LogarithmicScale<O>
# 定義元
types/index.d.ts:3330 (新しいウィンドウで開きます)
types/index.d.ts:3331 (新しいウィンドウで開きます)
# PieController
• PieController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => DoughnutController
# 定義元
types/index.d.ts:366 (新しいウィンドウを開く)
types/index.d.ts:367 (新しいウィンドウを開く)
# PolarAreaController
• PolarAreaController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => PolarAreaController
# 定義元
types/index.d.ts:392 (新しいウィンドウで開く)
types/index.d.ts:395 (新しいウィンドウで開く)
# RadarController
• RadarController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => RadarController
# 定義元
types/index.d.ts:427 (新しいウィンドウを開く)
types/index.d.ts:428 (新しいウィンドウを開く)
# RadialLinearScale
• RadialLinearScale: ChartComponent & <O>(cfg: AnyObject) => RadialLinearScale<O>
# 定義元
types/index.d.ts:3583 (新しいウィンドウで開く)
types/index.d.ts:3593 (新しいウィンドウを開く)
# ScatterController
• ScatterController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => LineController
# 定義元
types/index.d.ts:241 (新しいウィンドウで開く)
types/index.d.ts:242 (新しいウィンドウで開く)
# SubTitle
• Const SubTitle: Plugin
# 定義元
types/index.d.ts:2508 (新しいウィンドウを開く)
# Ticks
• Const Ticks: Object
# 型宣言
| 名前 | 型 |
|---|---|
formatters | { logarithmic: (tickValue: number, index: number, ticks: { value: number }[]) => string ; numeric: (tickValue: number, index: number, ticks: { value: number }[]) => string ; values: (value: unknown) => string | string[] } |
formatters.logarithmic | [object Object] |
formatters.numeric | [object Object] |
formatters.values | [object Object] |
# 定義元
types/index.d.ts:1496 (新しいウィンドウを開く)
# TimeScale
• TimeScale: ChartComponent & <O>(cfg: AnyObject) => TimeScale<O>
# 定義元
types/index.d.ts:3424 (新しいウィンドウを開く)
types/index.d.ts:3431 (新しいウィンドウを開く)
# TimeSeriesScale
• TimeSeriesScale: ChartComponent & <O>(cfg: AnyObject) => TimeSeriesScale<O>
# 定義元
types/index.d.ts:3436 (新しいウィンドウで開きます)
types/index.d.ts:3437 (新しいウィンドウで開きます)
# Title
• Const Title: Plugin
# 定義元
types/index.d.ts:2509 (新しいウィンドウを開く)
# Tooltip
• Tooltip: Tooltip
# 定義元
types/index.d.ts:2652 (新しいウィンドウを開く)
types/index.d.ts:2656 (新しいウィンドウを開く)
# defaults
• Const defaults: Defaults
# 定義元
types/index.d.ts:710 (新しいウィンドウを開く)
# layouts
• Const layouts: Object
# 型宣言
| 名前 | 型 |
|---|---|
addBox | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, item: LayoutItem) => void |
configure | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, item: LayoutItem, options: { fullSize?: number ; position?: LayoutPosition ; weight?: number }) => void |
removeBox | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, layoutItem: LayoutItem) => void |
update | (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, width: number, height: number) => void |
# 定義元
types/index.d.ts:778 (新しいウィンドウを開く)
# registerables
• Const registerables: readonly ChartComponentLike[]
# 定義元
types/index.d.ts:561 (新しいウィンドウを開く)
# registry
• Const registry: Registry