1

我正在将 Kendo UI 折线图从 AngularJS 迁移到 Angular2（使用打字稿）。这是我想要制作的图表类型的示例。 

 //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”，“间隔”：“2016 - 16”，“服务”：“Service2”，“值”：“5”}，

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

{“empid”：“10584”，“间隔”：“2016 - 17”，“服务”：“Service1”，“值”：“5”}，

{“empid”：“10584”，“间隔”：“2016 - 17”，“服务”：“Service2”，“值”：“20”}，

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

{“empid”：“10584”，“间隔”：“2016 - 18”，“服务”：“Service1”，“值”：“3”}，

{“empid”：“10584”，“间隔”：“2016 - 18”，“服务”：“Service2”，“值”：“2”}，

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

{ "empid": "10584", "interval": "2016 - 19","service": "Service1", "value": "8" },

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

在工作图表中，我在“服务”字段中使用 Kendo 数据集及其按功能分组。我不相信这存在于 Angular 2（Kendo 数据集或它的 groupBy 功能）中。

有没有人在任何地方有任何想法可以帮助我在 Angular 2 中运行它？我需要编写自定义管道来分组吗？我读过很少有传言说 RXJS 有一个 groupby 运算符。我应该尝试以不同的方式构建我的数据吗？

我正在向不同的方向旋转我的轮子，试图解决这个问题，但在新的 Kendo Angular2 图表中显示的内容方面没有取得太大进展。任何帮助将不胜感激。

4

1 回答 1

0

我们刚刚添加了一个关于绑定到解决此场景的对象组的帮助主题。

来自 AngularJS 的 Kendo UI，您会注意到这不再是一个内置功能。相反，它被数据查询包groupBy中的单行代码和.ngFor

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

于 2016-12-17T08:05:39.173 回答