# 接口: CoreChartOptions<TType>

# 类型参数

名称	类型
`TType`	扩展 `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

覆盖窗口的默认设备像素比。

默认值

window.devicePixelRatio

# 定义于

types/index.d.ts:1662 (opens new window)

# events

• events: keyof HTMLElementEventMap[]

events 选项定义了图表应该监听的浏览器事件，用于工具提示和悬停。

默认值

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

# 定义于

types/index.d.ts:1672 (opens new window)

# font

• font: Partial<FontSpec>

基本字体

参见

Defaults.font

# indexAxis

• indexAxis: "x" | "y"

图表的基轴。'x' 代表垂直图表，'y' 代表水平图表。

默认值

'x'

# 定义于

types/index.d.ts:1598 (opens new window)

# interaction

• interaction: CoreInteractionOptions

# 定义于

types/index.d.ts:1664 (opens new window)

# layout

• layout: Partial<{ autoPadding: boolean ; padding: Scriptable<Padding, ScriptableContext<TType>> }>

# 定义于

types/index.d.ts:1684 (opens new window)

# locale

• locale: string

用于数字格式化的语言环境（使用 Intl.NumberFormat）。

默认值

用户浏览器设置

# 定义于

types/index.d.ts:1651 (opens new window)

# maintainAspectRatio

• maintainAspectRatio: boolean

在调整大小时保持原始画布纵横比（宽度 / 高度）。为了使此选项正常工作，图表必须在其自己的专用容器中。

默认值

true

# 定义于

types/index.d.ts:1634 (opens new window)

# normalized

• normalized: boolean

如果您提供具有唯一、排序且在数据集之间一致的索引的数据，Chart.js 的速度最快。提供 normalized: true 选项让 Chart.js 知道您已经做到了这一点。

# 继承自

ParsingOptions.normalized

# 定义于

types/index.d.ts:63 (opens new window)

# parsing

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

如何解析数据集。解析可以通过在图表选项或数据集上指定 parsing: false 来禁用。如果禁用解析，数据必须排序并以相关图表类型和刻度在内部使用的格式。

# 继承自

ParsingOptions.parsing

# 定义于

types/index.d.ts:54 (opens new window)

# resizeDelay

• resizeDelay: number

将调整大小更新延迟给定毫秒数。这可以通过对元素更新进行去抖来简化调整大小过程。

默认值

# 定义于

types/index.d.ts:1639 (opens new window)

# responsive

• responsive: boolean

当其容器调整大小时调整图表画布大小（重要说明...）。

默认值

true

# 定义于

types/index.d.ts:1629 (opens new window)

# transitions

• transitions: TransitionsSpec<TType>

# 继承自

AnimationOptions.transitions

# 定义于

types/index.d.ts:1758 (opens new window)

# 方法

# 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 (opens new window)

# 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 (opens new window)

# onResize

▸ onResize(chart, size): void

当发生调整大小时调用。传递两个参数：图表实例和新大小。

# 参数

名称	类型
`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

# 参数

# 返回值

# 定义于