使用ngx图表生成组合图。

Question

我需要一个组合图之间的堆叠吧，查和线条形图，你能帮我一些例子。我在读这个医生：组合图演示

但我不明白这个例子。

Answer 1

对于在搜索包含组合图表的方法时有机会访问这篇文章的任何人，这些都是使用ngx图表GitHub中的演示的主要步骤。

1. 将组合图表组件中的所有4个组件复制到ngx图表存储库的演示文件夹下。

- Your folder structure will look like this:

组合图index.ts└─组合图.series└─组合图.└└─组合图-vertical.Component.ts└─

1. 将2个component.ts文件中的导入从相对链接更改为“@泳道/ngx-图表”

- From `'../../src'` to `'@swimlane/ngx-charts'`
- From `'../../src/common/label.helper'` to `'@swimlane/ngx-charts'`

​

1. 导入组件并在module.ts文件中声明它们 。从‘./组合图’导入{ ComboChartComponent，ComboSeriesVerticalComponent }；。。声明：。。ComboChartComponent，ComboSeriesVerticalComponent，.
2. 现在可以使用模板中的自定义组合图组件和选择器<combo-chart-component>。

我已经创建了一个简单的要点，在更详细的过程中，请查看它- https://gist.github.com/gabrielloye/67921cda6139ba1806920da2a7e2fcb2

指向工作示例的StackBlitz链接：https://stackblitz.com/edit/ngx-charts-combo-chart