添加 ngx 图表的依赖关系以集成组合图

Question

我正在使用带有库"@swimlane/ngx-charts": "^8.0.0"的angular5

我需要添加一个库来使用组合图，因为在 ngx 图表中，默认安装不包括组合图。

这是 ngx 组合图表的演示。

这是组合图的源代码。

我需要在我的项目中使用组合图。

请问如何将组合图集成到 angular5 项目中？

Answer 1

github讨论中的这篇文章解释了为什么像组合图(有用但有点复杂(这样的组件不包含在ngx-charts库中。相反，这些用例在演示部分中提供，您可以在其中查看源代码和最终外观。

据我所知，集成组合图的最佳方法是在您自己的项目中创建一个组合图表.component并将源代码复制到其中。您需要包含 ngx 图表库，并将依赖于演示本地结构的任何导入更改为指向该库。

例如，在 combo-chart.component.ts 中

import { NgxChartsModule, <other imports> } from '../../src';

会成为

import { NgxChartsModule, <other imports> } from '@swimlane/ngx-charts';