Angular2剑道图多系列显示

我正在将剑道UI折线图从AngularJS迁移到Angular2（使用typescript）。下面是我想制作的图表类型的一个示例

 //dojo.telerik.com/@brianelopez/iPUNe

虽然在目前的状态下并不重要，但下面是这个图表的原始数据

 //runner.telerik.io/fullscreen/@brianelopez/OgakU.json

我处理/擦洗这个原始JSON并将其展平，以便剑道图可以处理它。它最终会看起来像这样：

[{“empid”：“10584”，“间隔”：“2016-16”，“服务”：“总计”，“价值”：“10”}

{“empid”：“10584”，“interval”：“2016-16”，“service”：“Service1”，“value”：“5”}

{“empid”：“10584”，“interval”：“2016-16”，“service”：“Service2”，“value”：“5”}

{“empid”：“10584”，“间隔”：“2016-17”，“服务”：“总计”，“价值”：“25”}

{“empid”：“10584”，“interval”：“2016-17”，“service”：“Service1”，“value”：“5”}

{“empid”：“10584”，“interval”：“2016-17”，“service”：“Service2”，“value”：“20”}

{“empid”：“10584”，“间隔”：“2016-18”，“服务”：“总计”，“价值”：“5”}

{“empid”：“10584”，“interval”：“2016-18”，“service”：“Service1”，“value”：“3”}

{“empid”：“10584”，“interval”：“2016-18”，“service”：“Service2”，“value”：“2”}

{“empid”：“10584”，“间隔”：“2016-19”，“服务”：“总计”，“价值”：“16”}

{“empid”：“10584”，“interval”：“2016-19”，“service”：“Service1”，“value”：“8”}

{“empid”：“10584”，“间隔”：“2016-19”，“服务”：“服务2”，“价值”：“8”}]

在工作图表中，我在“服务”字段中使用剑道数据集及其分组功能。我不相信Angular 2中存在这种情况（剑道数据集或it groupBy功能）

任何人，任何地方都有任何想法可以帮助我在Angular 2中运行它吗？是否需要将自定义管道写入组？我很少看到RXJS有groupby运营商的传闻。我是否应该尝试以不同的方式构建数据

---

我正朝着不同的方向旋转我的轮子，试图解决这个问题，但在新剑道角度2图表中显示的方面没有取得太大进展。任何帮助都将不胜感激。

我们刚刚添加了一个关于绑定到的帮助主题，以解决此场景

来自AngularJS的剑道UI，您会注意到这不再是一个内置功能。相反，它被一个

groupBy

包中的一行程序和一个

ngFor

替换

---

我希望分离分组功能将带来更大的灵活性和更好的框架集成。例如，您现在可以进行多级分组，并决定如何绘制派生图表。

我们刚刚添加了一个关于绑定到的帮助主题，以解决此场景

来自AngularJS的剑道UI，您会注意到这不再是一个内置功能。相反，它被一个

groupBy

包中的一行程序和一个

ngFor

替换

---

我希望分离分组功能将带来更大的灵活性和更好的框架集成。例如，您现在可以进行多级分组，并决定如何绘制衍生图表。

删除了我的答案，因为我误解了您的意图。RxJS可以在流上工作，但它不适合（也就是说，不应该与）数组数据一起使用。要使用基于拉取的数据（例如数组），您可能需要查看以下内容，例如，它还有一个

groupBy

。删除了我的答案，因为我误解了您的意图。RxJS可以在流上工作，但它不适合（也就是说，不应该与）数组数据一起使用。要使用基于拉取的数据（例如数组），您可能需要看一看类似的东西，例如它还有一个

groupBy

。