添加ngx-charts的依赖性以集成组合图

Question

我正在将angular5与库"@swimlane/ngx-charts": "^8.0.0"

一起使用

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

这是ngx组合图的demo。

这是组合图的source code。

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

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

Answer 1

github讨论中的

This post解释了为什么ngx-charts库中不包含诸如combo-chart之类的组件（有用但更复杂）。相反，这些用例位于演示部分中，您可以在其中查看源代码以及最终的外观。

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

例如，在combo-chart.component.ts

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

将成为

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