ngx charts

NGX-charts

Kerangka Bagan Deklaratif untuk Angular!

NGX-charts adalah unik karena kami tidak hanya membungkus D3, atau mesin grafik lainnya dalam hal ini. Ini menggunakan Angular untuk membuat dan menghidupkan elemen SVG dengan semua pengikatan dan kebaikan kecepatannya, dan menggunakan D3 untuk fungsi matematika yang sangat baik, skala, sumbu dan generator bentuk. Dengan memiliki Angular melakukan semua rendering, itu membuka kita hingga kemungkinan tak terbatas, platform sudut yang disediakan seperti AOT, SSR, dll.

Visualisasi data adalah sains tetapi itu tidak berarti harus jelek. Salah satu upaya besar yang kami lakukan saat membuat proyek ini adalah membuat grafik menyenangkan secara estetika. Gaya juga sepenuhnya dapat disesuaikan melalui CSS, sehingga Anda dapat mengesampingkannya sesuka Anda.

Juga, membangun grafik khusus dimungkinkan dengan memanfaatkan berbagai komponen NGX-chart yang diekspos melalui modul NGX-charts.

Untuk info lebih lanjut, lihat dokumentasi dan demo.

Fitur

Jenis bagan

• Bagan batang horizontal & vertikal (standar, dikelompokkan, ditumpuk, dinormalisasi)
• Garis
• Area (standar, ditumpuk, dinormalisasi)
• PIE (Explodable, Grid, Custom Legends)
• Gelembung
• Donat
• Gauge (Linear & Radial)
• Panas
• TreeMap
• Kartu nomor
• Diagram Sankey

Kustomisasi

• Autoscaling
• Penyaringan Timeline
• Interpolasi garis
• Label sumbu yang dapat dikonfigurasi
• Legenda (Label & Gradient)
• Posisi label lanjutan
• Dukungan data waktu nyata
• Tooltip canggih
• Penangan acara titik data
• Bekerja dengan Ngupgrade

Memasang

Untuk menggunakan NGX-chart di proyek Anda instal melalui NPM:

 npm i @swimlane/ngx-charts --save

Bagan Kustom

Untuk mempelajari cara menggunakan komponen NGX-charts untuk membangun bagan khusus dan menemukan contoh, silakan merujuk ke halaman grafik khusus kami.

Melepaskan

• Master Checkout ( git checkout master )
• Tarik master ( git pull )
• Refresh Node Modules ( npm ci )
• Jalankan tes ( npm test )
• Periksa log untuk menentukan versi berikutnya (xyz)
• Jalankan git checkout -b release/XYZ
• Perbarui versi dalam projects/swimlane/ngx-charts/package.json .
• Perbarui Changelog dalam projects/docs/changelog.md
• Jalankan git commit -am "(release): XYZ"
• Jalankan git tag XYZ
• Jalankan git push origin HEAD --tags
• Jalankan npm run publish:lib
• Kirim Pr

Kredit

ngx-charts adalah proyek sumber terbuka Swimlane; Kami percaya dalam memberikan kembali kepada komunitas open-source dengan berbagi beberapa proyek yang kami bangun untuk aplikasi kami. Swimlane adalah platform operasi keamanan dunia maya dan platform respons insiden yang memungkinkan tim keamanan dunia maya untuk meningkatkan intelijen ancaman, mempercepat respons insiden dan mengotomatiskan operasi keamanan.

SecOps Hub adalah komunitas online terbuka, agnostik, untuk profesional keamanan untuk berbagi ide, menggunakan kasus, praktik terbaik, dan strategi respons insiden.