หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

แผนภูมิ NGX

กรอบแผนภูมิประกาศสำหรับ Angular!

ชาร์ต NGX นั้นไม่เหมือนใครเพราะเราไม่เพียง แต่ห่อ D3 หรือเครื่องมือแผนภูมิอื่น ๆ สำหรับเรื่องนั้น มันใช้ Angular เพื่อแสดงผลและทำให้องค์ประกอบ SVG เคลื่อนไหวด้วยความดีและความเร็วที่ดีทั้งหมดและใช้ D3 สำหรับฟังก์ชั่นคณิตศาสตร์ที่ยอดเยี่ยมเครื่องชั่งแกนและเครื่องกำเนิดรูปร่าง ด้วยการให้ Angular ทำทุกอย่างทำให้เราเปิดกว้างขึ้นสู่ความเป็นไปได้ที่ไม่มีที่สิ้นสุดแพลตฟอร์มเชิงมุมให้เช่น AOT, SSR ฯลฯ

การสร้างภาพข้อมูลเป็นวิทยาศาสตร์ แต่นั่นไม่ได้หมายความว่าจะต้องน่าเกลียด หนึ่งในความพยายามครั้งใหญ่ที่เราทำในขณะที่สร้างโครงการนี้คือการทำให้ชาร์ตเป็นที่ชื่นชอบ สไตล์ยังสามารถปรับแต่งได้อย่างสมบูรณ์ผ่าน CSS ดังนั้นคุณสามารถแทนที่พวกเขาได้ตามที่คุณต้องการ

นอกจากนี้การสร้างแผนภูมิที่กำหนดเองนั้นเป็นไปได้โดยใช้ประโยชน์จากส่วนประกอบ NGX-charts ต่างๆที่เปิดเผยผ่านโมดูล NGX-charts

สำหรับข้อมูลเพิ่มเติมตรวจสอบเอกสารและการสาธิต

คุณสมบัติ

ประเภทแผนภูมิ

  • แผนภูมิแถบแนวนอนและแนวตั้ง (มาตรฐาน, จัดกลุ่ม, ซ้อน, เป็นมาตรฐาน)
  • เส้น
  • พื้นที่ (มาตรฐานซ้อนกันเป็นมาตรฐาน)
  • พาย (ระเบิดได้, กริด, ตำนานที่กำหนดเอง)
  • ฟอง
  • โดนัท
  • มาตรวัด (เชิงเส้นและเรเดียล)
  • แมปความร้อน
  • treemap
  • การ์ดหมายเลข
  • แผนภาพ Sankey

การปรับแต่ง

  • การตรวจสอบอัตโนมัติ
  • การกรองไทม์ไลน์
  • การแก้ไขเส้น
  • ฉลากแกนที่สามารถกำหนดค่าได้
  • Legends (Labels & Gradient)
  • การวางตำแหน่งฉลากขั้นสูง
  • การสนับสนุนข้อมูลแบบเรียลไทม์
  • คำแนะนำเครื่องมือขั้นสูง
  • ตัวจัดการเหตุการณ์จุดข้อมูล
  • ทำงานร่วมกับ ngupgrade

ติดตั้ง

หากต้องการใช้ชาร์ต NGX ในโครงการของคุณติดตั้งผ่าน NPM: 

 npm i @swimlane/ngx-charts --save

แผนภูมิที่กำหนดเอง

หากต้องการเรียนรู้วิธีการใช้ส่วนประกอบ Charts NGX เพื่อสร้างแผนภูมิที่กำหนดเองและค้นหาตัวอย่างโปรดดูหน้าแผนภูมิที่กำหนดเองของเรา

ปล่อย

  • Checkout Master ( git checkout master )
  • Pull Master ( git pull )
  • รีเฟรชโหนดโมดูล ( npm ci )
  • เรียกใช้การทดสอบ ( npm test )
  • ตรวจสอบบันทึกเพื่อกำหนดเวอร์ชันถัดไป (XYZ)
  • เรียกใช้ git checkout -b release/XYZ
  • อัปเดตเวอร์ชันใน projects/swimlane/ngx-charts/package.json
  • อัปเดตการเปลี่ยนแปลงใน projects/docs/changelog.md
  • เรียกใช้ git commit -am "(release): XYZ"
  • เรียกใช้ git tag XYZ
  • Run git push origin HEAD --tags
  • เรียกใช้ npm run publish:lib
  • ส่ง PR

การให้เครดิต

ngx-charts เป็นโครงการโอเพนซอร์ซว่ายน้ำ เราเชื่อในการตอบแทนชุมชนโอเพนซอร์ซโดยการแบ่งปันบางโครงการที่เราสร้างขึ้นสำหรับแอปพลิเคชันของเรา Swimlane เป็นแพลตฟอร์มการรักษาความปลอดภัยไซเบอร์อัตโนมัติและแพลตฟอร์มการตอบสนองเหตุการณ์ที่ช่วยให้ทีมรักษาความปลอดภัยไซเบอร์ใช้ประโยชน์จากข่าวกรองภัยคุกคามเร่งการตอบสนองของเหตุการณ์และดำเนินการรักษาความปลอดภัยโดยอัตโนมัติ

Secops Hub เป็นชุมชนออนไลน์ที่เปิดกว้างผลิตภัณฑ์ออนไลน์สำหรับผู้เชี่ยวชาญด้านความปลอดภัยในการแบ่งปันแนวคิดการใช้กรณีการปฏิบัติที่ดีที่สุดและกลยุทธ์การตอบสนองที่เกิดขึ้น

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด