ngx charts

ngx-charts

Angularの宣言的なチャートフレームワーク！

NGX-Chartsは、D3をラップするだけでなく、その他のチャートエンジンをラップするだけではないため、ユニークです。 Angularを使用して、すべての結合と速度の良さでSVG要素をレンダリングおよびアニメーション化しており、優れた数学機能、スケール、軸、形状ジェネレーターにD3を使用しています。 Angularにすべてのレンダリングを行わせることにより、AngularプラットフォームがAoT、SSRなどを提供する無限の可能性に私たちを開きます。

データの視覚化は科学ですが、それは醜い必要があるという意味ではありません。このプロジェクトの作成中に私たちが行った大きな努力の1つは、チャートを審美的に楽しいものにすることです。スタイルはCSSを通じて完全にカスタマイズ可能であるため、好きなようにオーバーライドできます。

また、NGX-Chartsモジュールを介して露出しているさまざまなNGX-Chartsコンポーネントを活用することで、カスタムチャートの構築が可能です。

詳細については、ドキュメントとデモをご覧ください。

特徴

チャートタイプ

• 水平および垂直のバーチャート（標準、グループ化、積み重ね、正規化）
• ライン
• エリア（標準、積み上げ、正規化）
• パイ（爆発可能、グリッド、カスタムレジェンド）
• バブル
• ドーナツ
• ゲージ（線形および放射状）
• ヒートマップ
• Treemap
• 番号カード
• サンキー図

カスタマイズ

• オートスケーリング
• タイムラインフィルタリング
• ライン補間
• 構成可能な軸ラベル
• レジェンド（ラベルとグラデーション）
• 高度なラベルポジショニング
• リアルタイムのデータサポート
• 高度なツールチップ
• データポイントイベントハンドラー
• ngupgradeで動作します

インストール

プロジェクトでNGX-Chartsを使用するには、NPM経由でインストールします。

 npm i @swimlane/ngx-charts --save

カスタムチャート

NGX-Chartsコンポーネントを使用してカスタムチャートを構築し、例を見つける方法を学ぶには、カスタムチャートページを参照してください。

リリース

• チェックアウトマスター（ git checkout master ）
• プルマスター（ git pull ）
• ノードモジュールを更新（ npm ci ）
• テストを実行する（ npm test ）
• 次のバージョン（xyz）を決定するためにログを調べる
• git checkout -b release/XYZを実行します
• projects/swimlane/ngx-charts/package.jsonのバージョンを更新します。
• projects/docs/changelog.mdのchangelogを更新します
• git commit -am "(release): XYZ"
• git tag XYZを実行します
• git push origin HEAD --tags
• npm run publish:lib
• prを提出します

クレジット

ngx-chartsは、スイムレーンのオープンソースプロジェクトです。私たちは、アプリケーションのために構築するプロジェクトのいくつかを共有することにより、オープンソースコミュニティに還元することを信じています。 SwimLaneは、サイバーセキュリティチームが脅威インテリジェンスを活用し、インシデント対応をスピードアップし、セキュリティオペレーションを自動化できるようにする、自動化されたサイバーセキュリティオペレーションとインシデント対応プラットフォームです。

Secops Hubは、セキュリティの専門家がアイデア、ユースケース、ベストプラクティス、インシデント対応戦略を共有するためのオープンで製品に依存しないオンラインコミュニティです。