ng2-charts设置全局默认配置遇TooltipOptions类型报错问题

解决TypeScript报错：合并默认tooltip配置 #

TypeScript报错是因为{ enabled: false }未满足TooltipOptions类型的完整属性要求。你可以直接从Chart.js（ng2-charts的底层依赖）获取tooltip的默认配置，再合并自定义属性：

1. 先导入Chart.js核心模块：

import { Chart } from 'chart.js';
import { NgChartsModule } from 'ng2-charts';

2. 获取tooltip的全局默认配置：

const defaultTooltipConfig = Chart.defaults.plugins.tooltip;

3. 在NgChartsModule.forRoot中合并配置：

@NgModule({
  imports: [
    NgChartsModule.forRoot({
      defaults: {
        plugins: {
          tooltip: {
            ...defaultTooltipConfig,
            enabled: false // 仅覆盖需要修改的属性
          }
        }
      }
    })
  ]
})
export class AppModule {}

这种方式既保留了所有默认tooltip属性，又将enabled设为false，完全符合TypeScript的类型校验要求。

获取各类配置默认值的方式 #

ng2-charts的配置基本透传给Chart.js，默认值直接从Chart.js的defaults对象获取：

• 全局插件默认配置：Chart.defaults.plugins，包含tooltip、legend等所有插件的默认值
• 图表元素默认配置：Chart.defaults.elements，比如折线图线条、柱状图柱子、数据点的样式默认值
• 坐标轴默认配置：Chart.defaults.scales，包含x轴、y轴的刻度、标签等默认设置
• 特定图表类型默认配置：比如折线图默认配置是Chart.defaults.line，柱状图是Chart.defaults.bar，这类配置会继承全局默认，再添加类型专属的默认值

如果需要确认ng2-charts特有的少量配置，可直接查看项目node_modules/ng2-charts目录下的.d.ts类型定义文件，里面会标注相关配置的默认值。

内容的提问来源于stack exchange，提问作者Robouste