Chart.js - v3.7.1

Enumerations

Classes

Interfaces

Type aliases

Align

Ƭ Align: "start" | "center" | "end"

Defined in

index.esm.d.ts:1646Exports - 图1 (opens new window)

AnimationOptions

Ƭ AnimationOptions<TType>: Object

Type parameters

NameType
TTypeextends ChartType

Type declaration

NameType
animationfalse | AnimationSpec<TType> & { onComplete?: (event: AnimationEvent) => void ; onProgress?: (event: AnimationEvent) => void }
animationsAnimationsSpec<TType>
transitionsTransitionsSpec<TType>

Defined in

index.esm.d.ts:1603Exports - 图2 (opens new window)

AnimationSpec

Ƭ AnimationSpec<TType>: Object

Type parameters

NameType
TTypeextends ChartType

Type declaration

NameTypeDescription
delay?Scriptable<number, ScriptableContext<TType>>Delay before starting the animations. default 0
duration?Scriptable<number, ScriptableContext<TType>>The number of milliseconds an animation takes. default 1000
easing?Scriptable<EasingFunction, ScriptableContext<TType>>Easing function to use default ‘easeOutQuart’
loop?Scriptable<boolean, ScriptableContext<TType>>If set to true, the animations loop endlessly. default false

Defined in

index.esm.d.ts:1547Exports - 图3 (opens new window)

AnimationsSpec

Ƭ AnimationsSpec<TType>: Object

Type parameters

NameType
TTypeextends ChartType

Index signature

▪ [name: string]: false | AnimationSpec<TType> & { from: Scriptable<Color | number | boolean, ScriptableContext<TType>> ; properties: string[] ; to: Scriptable<Color | number | boolean, ScriptableContext<TType>> ; type: "color" | "number" | "boolean" ; fn: <T>(from: T, to: T, factor: number) => T }

Defined in

index.esm.d.ts:1572Exports - 图4 (opens new window)

BarController

Ƭ BarController: DatasetController

Defined in

index.esm.d.ts:142Exports - 图5 (opens new window)

BubbleController

Ƭ BubbleController: DatasetController

Defined in

index.esm.d.ts:170Exports - 图6 (opens new window)

CategoryScale

Ƭ CategoryScale<O>: Scale<O>

Type parameters

NameType
Oextends CategoryScaleOptions = CategoryScaleOptions

Defined in

index.esm.d.ts:3088Exports - 图7 (opens new window)

CategoryScaleOptions

Ƭ CategoryScaleOptions: Omit<CartesianScaleOptions, "min" | "max"> & { labels: string[] | string[][] ; max: string | number ; min: string | number }

Defined in

index.esm.d.ts:3082Exports - 图8 (opens new window)

ChartComponentLike

Ƭ ChartComponentLike: ChartComponent | ChartComponent[] | { [key: string]: ChartComponent; } | Plugin | Plugin[]

Defined in

index.esm.d.ts:1091Exports - 图9 (opens new window)

ChartDataset

Ƭ ChartDataset<TType, TData>: DeepPartial<{ [key in ChartType]: Object & ChartTypeRegistry[key][“datasetOptions”] }[TType]> & ChartDatasetProperties<TType, TData>

Type parameters

NameType
TTypeextends ChartType = ChartType
TDataDefaultDataPoint<TType>

Defined in

index.esm.d.ts:3571Exports - 图10 (opens new window)

ChartItem

Ƭ ChartItem: string | CanvasRenderingContext2D | HTMLCanvasElement | { canvas: HTMLCanvasElement } | ArrayLike<CanvasRenderingContext2D | HTMLCanvasElement>

Defined in

index.esm.d.ts:548Exports - 图11 (opens new window)

ChartMeta

Ƭ ChartMeta<TElement, TDatasetElement, TType>: DeepPartial<{ [key in ChartType]: ChartTypeRegistry[key][“metaExtensions”] }[TType]> & ChartMetaCommon<TElement, TDatasetElement>

Type parameters

NameType
TElementextends Element = Element
TDatasetElementextends Element = Element
TTypeextends ChartType = ChartType

Defined in

index.esm.d.ts:455Exports - 图12 (opens new window)

ChartOptions

Ƭ ChartOptions<TType>: DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>

Type parameters

NameType
TTypeextends ChartType = ChartType

Defined in

index.esm.d.ts:3553Exports - 图13 (opens new window)

ChartType

Ƭ ChartType: keyof ChartTypeRegistry

Defined in

index.esm.d.ts:3532Exports - 图14 (opens new window)

Color

Ƭ Color: string | CanvasGradient | CanvasPattern

Defined in

color.d.ts:1Exports - 图15 (opens new window)

DatasetChartOptions

Ƭ DatasetChartOptions<TType>: { [key in TType]: Object }

Type parameters

NameType
TTypeextends ChartType = ChartType

Defined in

index.esm.d.ts:3541Exports - 图16 (opens new window)

DecimationOptions

Ƭ DecimationOptions: LttbDecimationOptions | MinMaxDecimationOptions

Defined in

index.esm.d.ts:2088Exports - 图17 (opens new window)

DefaultDataPoint

Ƭ DefaultDataPoint<TType>: DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>

Type parameters

NameType
TTypeextends ChartType

Defined in

index.esm.d.ts:3562Exports - 图18 (opens new window)

DoughnutDataPoint

Ƭ DoughnutDataPoint: number

Defined in

index.esm.d.ts:326Exports - 图19 (opens new window)

EasingFunction

Ƭ EasingFunction: "linear" | "easeInQuad" | "easeOutQuad" | "easeInOutQuad" | "easeInCubic" | "easeOutCubic" | "easeInOutCubic" | "easeInQuart" | "easeOutQuart" | "easeInOutQuart" | "easeInQuint" | "easeOutQuint" | "easeInOutQuint" | "easeInSine" | "easeOutSine" | "easeInOutSine" | "easeInExpo" | "easeOutExpo" | "easeInOutExpo" | "easeInCirc" | "easeOutCirc" | "easeInOutCirc" | "easeInElastic" | "easeOutElastic" | "easeInOutElastic" | "easeInBack" | "easeOutBack" | "easeInOutBack" | "easeInBounce" | "easeOutBounce" | "easeInOutBounce"

Defined in

index.esm.d.ts:1514Exports - 图20 (opens new window)

ElementChartOptions

Ƭ ElementChartOptions<TType>: Object

Type parameters

NameType
TTypeextends ChartType = ChartType

Type declaration

NameType
elementsElementOptionsByType<TType>

Defined in

index.esm.d.ts:2004Exports - 图21 (opens new window)

FillTarget

Ƭ FillTarget: number | string | { value: number } | "start" | "end" | "origin" | "stack" | "shape" | boolean

Defined in

index.esm.d.ts:2096Exports - 图22 (opens new window)

InteractionMode

Ƭ InteractionMode: keyof InteractionModeMap

Defined in

index.esm.d.ts:741Exports - 图23 (opens new window)

InteractionModeFunction

Ƭ InteractionModeFunction: (chart: Chart, e: ChartEvent, options: InteractionOptions, useFinalPosition?: boolean) => InteractionItem[]

Type declaration

▸ (chart, e, options, useFinalPosition?): InteractionItem[]

Parameters
NameType
chartChart
eChartEvent
optionsInteractionOptions
useFinalPosition?boolean
Returns

InteractionItem[]

Defined in

index.esm.d.ts:703Exports - 图24 (opens new window)

LayoutPosition

Ƭ LayoutPosition: "left" | "top" | "right" | "bottom" | "center" | "chartArea" | { [scaleId: string]: number; }

Defined in

layout.d.ts:3Exports - 图25 (opens new window)

LineController

Ƭ LineController: DatasetController

Defined in

index.esm.d.ts:214Exports - 图26 (opens new window)

LinearScale

Ƭ LinearScale<O>: Scale<O>

Type parameters

NameType
Oextends LinearScaleOptions = LinearScaleOptions

Defined in

index.esm.d.ts:3137Exports - 图27 (opens new window)

LinearScaleOptions

Ƭ LinearScaleOptions: CartesianScaleOptions & { beginAtZero: boolean ; grace?: string | number ; suggestedMax?: number ; suggestedMin?: number ; ticks: { count: number ; format: Intl.NumberFormatOptions ; precision: number ; stepSize: number } }

Defined in

index.esm.d.ts:3094Exports - 图28 (opens new window)

LogarithmicScale

Ƭ LogarithmicScale<O>: Scale<O>

Type parameters

NameType
Oextends LogarithmicScaleOptions = LogarithmicScaleOptions

Defined in

index.esm.d.ts:3161Exports - 图29 (opens new window)

LogarithmicScaleOptions

Ƭ LogarithmicScaleOptions: CartesianScaleOptions & { suggestedMax?: number ; suggestedMin?: number ; ticks: { format: Intl.NumberFormatOptions } }

Defined in

index.esm.d.ts:3143Exports - 图30 (opens new window)

Overrides

Ƭ Overrides: { [key in ChartType]: CoreChartOptions<key> & ElementChartOptions<key> & PluginChartOptions<key> & DatasetChartOptions<ChartType> & ScaleChartOptions<key> & ChartTypeRegistry[key][“chartOptions”] }

Defined in

index.esm.d.ts:681Exports - 图31 (opens new window)

ParsedDataType

Ƭ ParsedDataType<TType>: ChartTypeRegistry[TType]["parsedDataType"]

Type parameters

NameType
TTypeextends ChartType = ChartType

Defined in

index.esm.d.ts:3564Exports - 图32 (opens new window)

PieAnimationOptions

Ƭ PieAnimationOptions: DoughnutAnimationOptions

Defined in

index.esm.d.ts:349Exports - 图33 (opens new window)

PieController

Ƭ PieController: DoughnutController

Defined in

index.esm.d.ts:354Exports - 图34 (opens new window)

PieControllerChartOptions

Ƭ PieControllerChartOptions: DoughnutControllerChartOptions

Defined in

index.esm.d.ts:348Exports - 图35 (opens new window)

PieControllerDatasetOptions

Ƭ PieControllerDatasetOptions: DoughnutControllerDatasetOptions

Defined in

index.esm.d.ts:347Exports - 图36 (opens new window)

PieDataPoint

Ƭ PieDataPoint: DoughnutDataPoint

Defined in

index.esm.d.ts:351Exports - 图37 (opens new window)

PieMetaExtensions

Ƭ PieMetaExtensions: DoughnutMetaExtensions

Defined in

index.esm.d.ts:352Exports - 图38 (opens new window)

PointStyle

Ƭ PointStyle: "circle" | "cross" | "crossRot" | "dash" | "line" | "rect" | "rectRounded" | "rectRot" | "star" | "triangle" | HTMLImageElement | HTMLCanvasElement

Defined in

index.esm.d.ts:1823Exports - 图39 (opens new window)

PolarAreaAnimationOptions

Ƭ PolarAreaAnimationOptions: DoughnutAnimationOptions

Defined in

index.esm.d.ts:368Exports - 图40 (opens new window)

RadarController

Ƭ RadarController: DatasetController

Defined in

index.esm.d.ts:415Exports - 图41 (opens new window)

RadarControllerChartOptions

Ƭ RadarControllerChartOptions: LineControllerChartOptions

Defined in

index.esm.d.ts:413Exports - 图42 (opens new window)

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: GridLineOptions ; max: number ; min: number ; pointLabels: { backdropColor: Scriptable<Color, ScriptableScalePointLabelContext> ; backdropPadding: Scriptable<number | ChartArea, ScriptableScalePointLabelContext> ; centerPointLabels: boolean ; color: Scriptable<Color, ScriptableScalePointLabelContext> ; display: boolean ; font: Scriptable<FontSpec, ScriptableScalePointLabelContext> ; callback: (label: string, index: number) => string | number | string[] | number[] } ; suggestedMax: number ; suggestedMin: number ; ticks: TickOptions & { count: number ; format: Intl.NumberFormatOptions ; maxTicksLimit: number ; precision: number ; stepSize: number } }

Defined in

index.esm.d.ts:3262Exports - 图43 (opens new window)

ScaleChartOptions

Ƭ ScaleChartOptions<TType>: Object

Type parameters

NameType
TTypeextends ChartType = ChartType

Type declaration

NameType
scalesObject

Defined in

index.esm.d.ts:3547Exports - 图44 (opens new window)

ScaleOptions

Ƭ ScaleOptions<TScale>: DeepPartial<ScaleOptionsByType<TScale>>

Type parameters

NameType
TScaleextends ScaleType = ScaleType

Defined in

index.esm.d.ts:3539Exports - 图45 (opens new window)

ScaleOptionsByType

Ƭ ScaleOptionsByType<TScale>: { [key in ScaleType]: Object & ScaleTypeRegistry[key][“options”] }[TScale]

Type parameters

NameType
TScaleextends ScaleType = ScaleType

Defined in

index.esm.d.ts:3534Exports - 图46 (opens new window)

ScaleType

Ƭ ScaleType: keyof ScaleTypeRegistry

Defined in

index.esm.d.ts:3428Exports - 图47 (opens new window)

ScatterController

Ƭ ScatterController: LineController

Defined in

index.esm.d.ts:229Exports - 图48 (opens new window)

ScatterControllerChartOptions

Ƭ ScatterControllerChartOptions: LineControllerChartOptions

Defined in

index.esm.d.ts:227Exports - 图49 (opens new window)

ScatterControllerDatasetOptions

Ƭ ScatterControllerDatasetOptions: LineControllerDatasetOptions

Defined in

index.esm.d.ts:220Exports - 图50 (opens new window)

Scriptable

Ƭ Scriptable<T, TContext>: T | (ctx: TContext, options: AnyObject) => T | undefined

Type parameters

Name
T
TContext

Defined in

index.esm.d.ts:37Exports - 图51 (opens new window)

ScriptableAndArray

Ƭ ScriptableAndArray<T, TContext>: readonly T[] | Scriptable<T, TContext>

Type parameters

Name
T
TContext

Defined in

index.esm.d.ts:39Exports - 图52 (opens new window)

ScriptableAndArrayOptions

Ƭ ScriptableAndArrayOptions<T, TContext>: { [P in keyof T]: ScriptableAndArray<T[P], TContext> }

Type parameters

Name
T
TContext

Defined in

index.esm.d.ts:40Exports - 图53 (opens new window)

ScriptableOptions

Ƭ ScriptableOptions<T, TContext>: { [P in keyof T]: Scriptable<T[P], TContext> }

Type parameters

Name
T
TContext

Defined in

index.esm.d.ts:38Exports - 图54 (opens new window)

TextAlign

Ƭ TextAlign: "left" | "center" | "right"

Defined in

index.esm.d.ts:1645Exports - 图55 (opens new window)

TimeScaleOptions

Ƭ TimeScaleOptions: Omit<CartesianScaleOptions, "min" | "max"> & { adapters: { date: unknown } ; bounds: "ticks" | "data" ; max: string | number ; min: string | number ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: { source: "labels" | "auto" | "data" } ; time: { displayFormats: { [key: string]: string; } ; isoWeekday: boolean | number ; minUnit: TimeUnit ; parser: string | (v: unknown) => number ; round: false | TimeUnit ; stepSize: number ; tooltipFormat: string ; unit: false | TimeUnit } }

Defined in

index.esm.d.ts:3167Exports - 图56 (opens new window)

TimeSeriesScale

Ƭ TimeSeriesScale<O>: TimeScale<O>

Type parameters

NameType
Oextends TimeScaleOptions = TimeScaleOptions

Defined in

index.esm.d.ts:3256Exports - 图57 (opens new window)

TimeUnit

Ƭ TimeUnit: "millisecond" | "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year"

Defined in

adapters.d.ts:1Exports - 图58 (opens new window)

TooltipPositioner

Ƭ TooltipPositioner: keyof TooltipPositionerMap

Defined in

index.esm.d.ts:2499Exports - 图59 (opens new window)

TooltipPositionerFunction

Ƭ TooltipPositionerFunction<TType>: (this: TooltipModel<TType>, items: readonly ActiveElement[], eventPosition: Point) => TooltipPosition | false

Type parameters

NameType
TTypeextends ChartType

Type declaration

▸ (this, items, eventPosition): TooltipPosition | false

Parameters
NameType
thisTooltipModel<TType>
itemsreadonly ActiveElement[]
eventPositionPoint
Returns

TooltipPosition | false

Defined in

index.esm.d.ts:2488Exports - 图60 (opens new window)

TooltipXAlignment

Ƭ TooltipXAlignment: "left" | "center" | "right"

Defined in

index.esm.d.ts:2397Exports - 图61 (opens new window)

TooltipYAlignment

Ƭ TooltipYAlignment: "top" | "center" | "bottom"

Defined in

index.esm.d.ts:2398Exports - 图62 (opens new window)

TransitionSpec

Ƭ TransitionSpec<TType>: Object

Type parameters

NameType
TTypeextends ChartType

Type declaration

NameType
animationAnimationSpec<TType>
animationsAnimationsSpec<TType>

Defined in

index.esm.d.ts:1594Exports - 图63 (opens new window)

TransitionsSpec

Ƭ TransitionsSpec<TType>: Object

Type parameters

NameType
TTypeextends ChartType

Index signature

▪ [mode: string]: TransitionSpec<TType>

Defined in

index.esm.d.ts:1599Exports - 图64 (opens new window)

UpdateMode

Ƭ UpdateMode: keyof typeof UpdateModeEnum

Defined in

index.esm.d.ts:565Exports - 图65 (opens new window)

Variables

ArcElement

• ArcElement: ChartComponent & { prototype: ArcElement<ArcProps, ArcOptions> }

Defined in

index.esm.d.ts:1723Exports - 图66 (opens new window)

BarController

• BarController: ChartComponent & { prototype: BarController }

Defined in

index.esm.d.ts:143Exports - 图67 (opens new window)

BarElement

• BarElement: ChartComponent & { prototype: BarElement<BarProps, BarOptions> }

Defined in

index.esm.d.ts:1992Exports - 图68 (opens new window)

BubbleController

• BubbleController: ChartComponent & { prototype: BubbleController }

Defined in

index.esm.d.ts:171Exports - 图69 (opens new window)

CategoryScale

• CategoryScale: ChartComponent & { prototype: CategoryScale<CategoryScaleOptions> }

Defined in

index.esm.d.ts:3089Exports - 图70 (opens new window)

Decimation

• Decimation: Plugin

Defined in

index.esm.d.ts:2068Exports - 图71 (opens new window)

DoughnutController

• DoughnutController: ChartComponent & { prototype: DoughnutController }

Defined in

index.esm.d.ts:338Exports - 图72 (opens new window)

Element

• Element: Object

Type declaration

NameType
prototypeElement<AnyObject, AnyObject>

Defined in

element.d.ts:14Exports - 图73 (opens new window)

Filler

• Filler: Plugin

Defined in

index.esm.d.ts:2090Exports - 图74 (opens new window)

Interaction

• Interaction: Object

Type declaration

NameType
modesInteractionModeMap

Defined in

index.esm.d.ts:743Exports - 图75 (opens new window)

Legend

• Legend: Plugin

Defined in

index.esm.d.ts:2120Exports - 图76 (opens new window)

LineController

• LineController: ChartComponent & { prototype: LineController }

Defined in

index.esm.d.ts:215Exports - 图77 (opens new window)

LineElement

• LineElement: ChartComponent & { prototype: LineElement<LineProps, LineOptions> }

Defined in

index.esm.d.ts:1813Exports - 图78 (opens new window)

LinearScale

• LinearScale: ChartComponent & { prototype: LinearScale<LinearScaleOptions> }

Defined in

index.esm.d.ts:3138Exports - 图79 (opens new window)

LogarithmicScale

• LogarithmicScale: ChartComponent & { prototype: LogarithmicScale<LogarithmicScaleOptions> }

Defined in

index.esm.d.ts:3162Exports - 图80 (opens new window)

PieController

• PieController: ChartComponent & { prototype: DoughnutController }

Defined in

index.esm.d.ts:355Exports - 图81 (opens new window)

PointElement

• PointElement: ChartComponent & { prototype: PointElement<PointProps, PointOptions> }

Defined in

index.esm.d.ts:1930Exports - 图82 (opens new window)

PolarAreaController

• PolarAreaController: ChartComponent & { prototype: PolarAreaController }

Defined in

index.esm.d.ts:383Exports - 图83 (opens new window)

RadarController

• RadarController: ChartComponent & { prototype: RadarController }

Defined in

index.esm.d.ts:416Exports - 图84 (opens new window)

RadialLinearScale

• RadialLinearScale: ChartComponent & { prototype: RadialLinearScale<RadialLinearScaleOptions> }

Defined in

index.esm.d.ts:3396Exports - 图85 (opens new window)

ScatterController

• ScatterController: ChartComponent & { prototype: LineController }

Defined in

index.esm.d.ts:230Exports - 图86 (opens new window)

SubTitle

• SubTitle: Plugin

Defined in

index.esm.d.ts:2355Exports - 图87 (opens new window)

Ticks

• Ticks: Object

Type declaration

NameType
formattersObject
formatters.logarithmic[object Object]
formatters.numeric[object Object]
formatters.values[object Object]

Defined in

index.esm.d.ts:1333Exports - 图88 (opens new window)

TimeScale

• TimeScale: ChartComponent & { prototype: TimeScale<TimeScaleOptions> }

Defined in

index.esm.d.ts:3251Exports - 图89 (opens new window)

TimeSeriesScale

• TimeSeriesScale: ChartComponent & { prototype: TimeSeriesScale<TimeScaleOptions> }

Defined in

index.esm.d.ts:3257Exports - 图90 (opens new window)

Title

• Title: Plugin

Defined in

index.esm.d.ts:2356Exports - 图91 (opens new window)

Tooltip

• Tooltip: Tooltip

Defined in

index.esm.d.ts:2505Exports - 图92 (opens new window)

_adapters

• _adapters: Object

Type declaration

NameType
_dateDateAdapter

Defined in

adapters.d.ts:61Exports - 图93 (opens new window)

defaults

• defaults: Defaults

Defined in

index.esm.d.ts:691Exports - 图94 (opens new window)

layouts

• layouts: Object

Type declaration

NameType
addBox(chart: Chart<keyof ChartTypeRegistry, (number | ScatterDataPoint | BubbleDataPoint)[], unknown>, item: LayoutItem) => void
configure(chart: Chart<keyof ChartTypeRegistry, (number | ScatterDataPoint | BubbleDataPoint)[], unknown>, item: LayoutItem, options: { fullSize?: number ; position?: LayoutPosition ; weight?: number }) => void
removeBox(chart: Chart<keyof ChartTypeRegistry, (number | ScatterDataPoint | BubbleDataPoint)[], unknown>, layoutItem: LayoutItem) => void
update(chart: Chart<keyof ChartTypeRegistry, (number | ScatterDataPoint | BubbleDataPoint)[], unknown>, width: number, height: number) => void

Defined in

index.esm.d.ts:747Exports - 图95 (opens new window)

registerables

• registerables: readonly ChartComponentLike[]

Defined in

index.esm.d.ts:546Exports - 图96 (opens new window)

registry

• registry: Registry

Defined in

index.esm.d.ts:1117Exports - 图97 (opens new window)