构建一个 Angular 库，其中包含带有插件的 Chart.js 提供程序？

Question

我正在尝试为 Chart.js 构建一个包含插件的 Angular 独立库。

chart.js 似乎在注册插件时修改了

ChartConfiguration

类型，以便允许配置插件。

如果chart.js没有这样做，将会产生如本问题所示的错误。.

例如，如果渐变插件是这样注册的：

import gradient from 'chartjs-plugin-gradient';

Chart.register(...registerables);
Chart.register(gradient);

有没有办法从 Angular 库导出修改后的图表配置类型 (

ChartConfiguration

)，以便客户端可以配置 Chart.js 以支持提供程序打包的插件？

这样客户端就可以像这样导入修改后的配置：

import { ChartConfiguration } from 'angular-chartjs-library';

并创建

ChartConfiguration

中类型命名空间支持的chart.js配置/选项实例。

Answer 1

我们可以导出另一个变量

ChartJS

这将包含所有注册的组件，但请确保您已将其暴露在库的公共 api 中！

import { Chart, ChartConfiguration, registerables } from 'chart.js';
import gradient from 'chartjs-plugin-gradient';

Chart.register(...registerables);
Chart.register(gradient);

export const ChartJS = Chart;
export const ChartConfiguration = ChartConfiguration;

在这里

ChartJS

出口将预先注册所需的详细信息！