Отображение нескольких серий диаграмм Angular2 Kendo Chart

Я переношу линейную диаграмму пользовательского интерфейса Kendo с AngularJS на Angular2 (используя машинописный текст). Вот пример типа диаграммы, которую я хотел бы создать.

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

Хотя это не важно в его нынешнем состоянии, вот как выглядят необработанные данные, которые подаются на эту диаграмму.

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

Я обрабатываю/вычищаю этот необработанный JSON и выравниваю его, чтобы диаграмма кендо могла его обработать. В конечном итоге это будет выглядеть примерно так:

[{ "empid": "10584", "interval": "2016 - 16", "service": "Всего", "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": "Всего", "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": "Всего", "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": "Всего", "value": "16" },

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

{ "empid": "10584", "interval": "2016–19", "service": "Service2", "value": "8" }]

В рабочей диаграмме я использую набор данных Кендо и его группу по функциональности в поле «Сервис». Я не верю, что это существует в Angular 2 (набор данных Kendo или его функциональность groupBy).

Есть ли у кого-нибудь идея, которая может помочь мне запустить это в Angular 2? Нужно ли мне писать собственный канал для группы? Я читал скудные слухи о том, что в RXJS есть оператор groupby. Должен ли я попытаться структурировать свои данные по-другому?

Я крутил свои колеса в разных направлениях, пытаясь решить эту проблему, но не добился большого прогресса с точки зрения того, что показано на новой диаграмме Kendo Angular2. Любая помощь будет принята с благодарностью.


person Brian    schedule 23.11.2016    source источник
comment
Удалил мой ответ, так как я неправильно понял, что вы пытаетесь сделать. RxJS работает с потоками, но с данными массива (т.е. не должен использоваться с ними) это не так хорошо. Для работы с данными на основе извлечения (например, массивами) вы можете взглянуть на что-то вроде IxJ, у него также есть groupBy для примера.   -  person Nypan    schedule 24.11.2016


Ответы (1)