2016-11-23 9 views
1

剣道のUI線グラフをAngularJSからAngular2にマイグレーションしています(typescriptを使用しています)。ここに私が作りたいと思うタイプの例があります。Angular2剣道グラフ複数シリーズ表示

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

現在の状態では重要ではない、ここではそれは、この生のJSONこのチャート

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

Iプロセス/スクラブを供給するように生データが見えるものであり、それを平ら剣道チャートようもののそれを処理することができます。

[{"empid": "10584"、 "間隔": "2016 - 16"、 "サービス": "合計"、 "値": "10}} 、

{ "EMPID": "10584"、 "インターバル": "2016から16"、 "サービス"、 "サービス1"、 "値": "5"}、

{ "EMPID": 「サービス」、「サービス」、「値」:「5」}、

{"empid": "10584"、 "interval": "2016"、 "interval": "2016 - 「17」、「サービス」:「合計」、「値」:「25」}、

{"empid": "10584"、 "service1"、 "value": "5"} {{empid}: "10584"、 "interval" 「間隔」:「間隔」:「2016-18」「間隔」:「2016-17」「サービス」「サービス2」「値」「20」}

{"empid" 「サービス」:「サービス」:「サービス」:「サービス」:「合計」、「値」:「5」}、

{「empid」:「10584」、「間隔」:「2016-18」、「Service1」、 012 "、" value ":" 3 "}、

{" empid ":" 10584 "、" interval ":" 2016 - 18 "、" service ":" Service2 "、" value ":" 2 "}、

{ "EMPID": "10584"、 "インターバル": "2016から19"、 "サービス": "全"、 "値": "16"}、

{ "EMPID":「10584 」、「間隔」:「2016-19」、「サービス」:「Service1」、「値」:「8」}、

{"empid": "10584"、 "interval": "2016 - 19 "Service": "Service2"、 "value": "8"}]

作業チャートでは、 "Service"フィールドの機能別に剣道データセットとそのグループを使用しています。私はこれが角2(剣道のデータセットまたはそのgroupByの機能)に存在するとは思わない。

誰も、どこでも私はこれを角2で動かすのに役立つかもしれない考えがありますか?グループ化するカスタムパイプを記述する必要はありますか?私はRXJSがgroupby演算子を持っているという噂を読んだことがあります。自分のデータを別の方法で構造化する必要がありますか?

新しい剣道のAngular2チャートに何が表示されているかという点で、これを解決しようとすると、私の車輪が別の方向に回転しています。どんな助けでも大歓迎です。

+0

私はあなたが何をしようとしているのか誤解していたので、私の答えを削除しました。 RxJSは* streams *で動作しますが、配列データではそれほど大きくはありません。プルベースのデータ(配列など)を扱うには、[IxJ](https://github.com/Reactive-Extensions/IxJS)のようなものを見てみるとよいでしょう。また、examplsのための 'groupBy'もあります。 – Nypan

答えて

0

このシナリオに対応するGroups of Objectsへのバインディングに関するヘルプトピックを追加しました。

AngularJSの剣道UIからは、これはもはや組み込み機能ではありません。代わりに、Data QueryパッケージのgroupByワンライナーとngForと置き換えられます。

グループ化機能を分離することで、柔軟性が向上し、フレームワークの統合性が向上することを願っています。たとえば、複数レベルのグループ分けを行い、派生チャートのプロット方法を決定できます。

関連する問題