我正在try 为chart.js构建一个包含插件的Angular 独立库.

似乎chart.js在注册插件时修改了ChartConfiguration类型,以便允许配置插件.

If chart.js did not do this linting errors would be produced as shown in this question..

因此,例如,如果渐变插件按如下方式注册:

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配置/选项实例.

推荐答案

我们可以导出另一个变量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 interface ChartConfiguration = ChartConfiguration;
// or
// export type ChartConfiguration = ChartConfiguration;

在这里,ChartJS出口将有所需的详细资料预先登记!

Javascript相关问答推荐

在JavaScript中对大型级联数组进行切片的最有效方法?

硬币兑换运行超时

无法在nextjs应用程序中通过id从mongoDB删除'

如何解决chrome—extension代码中的错误,它会实时覆盖google—meet的面部图像?'

使用JavaScript重新排序行

从WooCommerce Checkout Country字段重新排序国家,保持国家同步

配置WebAssembly/Emscripten本地生成问题

使用LocaleCompare()进行排序时,首先使用大写字母

Ember.js 5.4更新会话存储时如何更新组件变量

可更改语言的搜索栏

在运行时使用Next JS App Router在服务器组件中运行自定义函数

使用auth.js保护API路由的Next.JS,FETCH()不起作用

OpenAI转录API错误请求

使每个<;li>;元素的 colored颜色 与随机生成的 colored颜色 列表不同(不重复

在验证和提交表单后使用useNavigate()进行react 重定向,使用带有加载器和操作的路由

通过跳过某些元素的对象进行映射

我怎样才能得到一个数组的名字在另一个数组?

计算对象数组中属性的滚动增量

带有JS模块模式的Rails的Importmap错误:";Net::ERR_ABORTED 404(未找到)&Quot;

响应,Use Callback更新状态变量,该变量也存在于其依赖数组中,它如何防止无限重新呈现?