2

我希望使用 Ng2-Charts(ChartJs 的 Angular 2 指令)创建以下图表。

所需图表

但是我对数据集的逻辑有困难。我已经研究找到一个类似的图表(使用 ng2-charts),但无济于事。

以下是有关图表的一些信息: 每个公司和 3 个阶段(用红色、黄色和绿色表示),该值表示公司在给定阶段花费了多少天。

例如:公司 1 在第 1 阶段(绿色)中花费了 27 天,在第 2 阶段(黄色)中花费了 54 天,在第 3 阶段(绿色)中花费了 2 天。

这个图表如何使用 ng2-charts 来实现?

4

1 回答 1

2

很好的问题,但似乎 ChartJS 还不支持它。看看这个 issue和更有趣的这个 pull-request

由于它是很多人提出的开放功能请求,因此还可以通过添加自定义功能(如此)来解决它,但您不会ng2-charts直接使用找到解决方案。

在您的情况下,我建议尝试使用这些分叉并Chart.js直接使用(没有角度组件)或搜索能够显示这些图表类型的另一个库。

一个可行的hacky解决方案也可以white padding为每个堆叠条添加,这里建议如何:https ://github.com/chartjs/Chart.js/issues/2912#issuecomment-230468691

A使用此“解决方案”创建了一个有效的堆栈闪电战:

在此处输入图像描述

于 2018-10-29T17:56:14.667 回答