ngx-charts - 使用 ngx-charts 生成组合图

我需要堆叠条形图和折线条形图之间的组合图，你能帮我举一些例子吗？
我正在阅读这个文档:ojita
但我无法理解这个例子。

最佳答案

对于在搜索包含组合图的方法时偶然看到这篇文章的任何人，这些是使用来自 ngx-charts GitHub 的演示的主要步骤。

复制ngx-charts仓库demo文件夹下combo-chart组件中的4个组件

您的文件夹结构如下所示:

combo-chart
 └─ combo-chart.component.scss
 └─ combo-chart.component.ts
 └─ combo-series-vertical.component.ts
 └─ index.ts

将 2 个 component.ts 文件中的导入从相对链接更改为“@swimlane/ngx-charts”

从 '../../src' 到 '@swimlane/ngx-charts'

从 '../../src/common/label.helper' 到 '@swimlane/ngx-charts'

导入组件并在 module.ts 文件中声明它们

.
import { ComboChartComponent, ComboSeriesVerticalComponent } from './combo-chart';
.
.
declarations: [
.
.
ComboChartComponent, ComboSeriesVerticalComponent],
.

您现在可以在模板中使用自定义组合图组件和选择器 <combo-chart-component>

我已经创建了一个简单的要点，更详细地介绍了整个过程，请检查一下 - https://gist.github.com/gabrielloye/67921cda6139ba1806920da2a7e2fcb2

StackBlitz 链接到工作示例:
https://stackblitz.com/edit/ngx-charts-combo-chart

关于ngx-charts - 使用 ngx-charts 生成组合图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49288800/