我正在将AngndoJS的Kendo UI折线图迁移到Angular2(使用typescript)。这是我想要生成的图表类型的示例。
//dojo.telerik.com/@brianelopez/iPUNe
虽然在目前的状态下并不重要,但以下是原始数据的显示效果
//runner.telerik.io/fullscreen/@brianelopez/OgakU.json
我处理/擦除这个原始JSON并将其展平,以便Kendo图表可以处理它。它最终看起来像这样:
[{“empid”:“10584”,“interval”:“2016 - 16”,“service”:“Total”,“value”:“10”},
{“empid”:“10584”,“interval”:“2016 - 16”,“service”:“Service1”,“value”:“5”},
{“empid”:“10584”,“interval”:“2016 - 16”,“service”:“Service2”,“value”:“5”},
{“empid”:“10584”,“interval”:“2016 - 17”,“service”:“Total”,“value”:“25”},
{“empid”:“10584”,“interval”:“2016 - 17”,“service”:“Service1”,“value”:“5”},
{“empid”:“10584”,“interval”:“2016 - 17”,“service”:“Service2”,“value”:“20”},
{“empid”:“10584”,“interval”:“2016 - 18”,“service”:“Total”,“value”:“5”},
{“empid”:“10584”,“interval”:“2016 - 18”,“service”:“Service1”,“value”:“3”},
{“empid”:“10584”,“interval”:“2016 - 18”,“service”:“Service2”,“value”:“2”},
{“empid”:“10584”,“interval”:“2016 - 19”,“service”:“Total”,“value”:“16”},
{“empid”:“10584”,“interval”:“2016 - 19”,“service”:“Service1”,“value”:“8”},
{“empid”:“10584”,“interval”:“2016 - 19”,“service”:“Service2”,“value”:“8”}]
在工作图表中,我在“服务”字段中使用了Kendo数据集及其按功能分组。我不认为这存在于Angular 2(Kendo数据集或它的groupBy功能)中。
有没有人有任何想法可以帮助我在Angular 2中运行?我是否需要编写自定义管道进行分组?我读过有关RXJS有一个groupby运算符的传闻。我应该尝试以不同方式构建数据吗?
我正在向不同的方向旋转我的车轮试图解决这个问题而没有在新的Kendo Angular2图表中显示出什么进展。任何帮助将不胜感激。
答案 0 :(得分:0)
我们刚刚添加了一个关于绑定到Groups of Objects的帮助主题,以解决此问题。
来自AngndoJS的Kendo UI你会发现它不再是内置功能。相反,它已替换为Data Query包中的groupBy
单行和ngFor
。
我希望将分组功能分开将带来更大的灵活性和更好的框架集成。例如,您现在可以执行多级分组并决定如何绘制派生图表。