ฟรี JavaScript ห้องสมุดเพื่อสร้างและแก้ไขไดอะแกรมยอดนิยม
ฟรี JavaScript ห้องสมุดเพื่อสร้างและแก้ไขไดอะแกรมชนิดต่างๆ จะช่วยให้การก่อสร้างอย่างรวดเร็วของแผนภาพ DA, แผนภาพ En, flowcharts และอื่น ๆ
X6 เป็นไลบรารีแผนภาพที่มีประโยชน์มาก JavaScript ที่ช่วยให้ผู้พัฒนาซอฟต์แวร์สามารถทํางานร่วมกับไดอะแกรมประเภทต่างๆโดยใช้คําสั่ง JavaScript ห้องสมุดให้ฟังก์ชั่นการใช้งานที่ง่ายมากสําหรับส่วนประกอบและการปรับแต่งโหนด ห้องสมุดขึ้นอยู่กับสถาปัตยกรรม VC และส่วนใหญ่เน้นตรรกะข้อมูลเช่นเดียวกับตรรกะธุรกิจ ห้องสมุดและเอกสารนี้เป็นโอเพ่นซอร์สและสามารถใช้ได้ได้อย่างอิสระภายใต้ใบอนุญาตไอที
ห้องสมุดมีความยืดหยุ่นมากและช่วยให้ผู้ใช้สามารถขยายกราฟโหนดขอบและเครื่องมือได้อย่างง่ายดาย ห้องสมุดที่ขับเคลื่อนด้วยเหตุการณ์อย่างเต็มที่และให้นักพัฒนาความสามารถในการตอบสนองต่อเหตุการณ์ที่เกิดขึ้นภายในกราฟ สนับสนุนการก่อสร้างอย่างรวดเร็วของแผนภาพ DA, แผนภาพ En, flowcharts และการใช้งานอื่น ๆ ไลบรารี X6 มีเสถียรภาพมากและขึ้นอยู่กับที่รู้จักกันดี SVG / HTML / SS หรือ React/Vue ไปยังโหนดที่กําหนดเองและขอบ
ไลบรารีได้รวมการสนับสนุนสําหรับคุณสมบัติที่สําคัญหลายประการเช่นการเพิ่มโหนดใหม่การปรับแต่งโหนดที่มีอยู่สลับการโต้ตอบการ จํากัด ขอบที่เชื่อมต่อการเพิ่มและการตัดข้อความการเพิ่มหรือลบพอร์ตการติดฉลากแบบไดนามิกการเชื่อมต่อกับพอร์ต ห้องสมุดสนับสนุนรูปทรงต่างๆเช่นรูปสี่เหลี่ยมผืนผ้าวงกลมเส้นรอบวงเส้นรอบวงเส้นทางรูปหลายเหลี่ยมกระบอกสูบและอื่น ๆ
เริ่มต้นด้วย X6
วิธีที่แนะนําในการติดตั้ง X6 ปล่อยที่มีเสถียรภาพคือการใช้ PM โปรดใช้คําสั่งต่อไปนี้เพื่อการติดตั้งที่ราบรื่น
ติดตั้ง X6 ผ่าน PM
$ npm install @antv/x6 –saveคุณสามารถดาวน์โหลดไลบรารีที่ใช้ร่วมกันที่คอมไพล์แล้วจากที่เก็บ Github
สร้างและจัดการไดอะแกรมผ่าน JavaScript API
ไลบรารี X6 แบบโอเพ่นซอร์สช่วยให้ผู้พัฒนาซอฟต์แวร์สามารถสร้างไดอะแกรมได้หลายประเภทได้อย่างง่ายดายภายในแอป JavaScript ตัวเอง ห้องสมุดได้รวมการสนับสนุนสําหรับรูปร่างในตัวซึ่งสามารถใช้ในการวาดแผนภาพที่กําหนดเองได้อย่างง่ายดาย คุณสามารถวาดไดอะแกรมลําดับ, แผนภาพ En, แผนภาพ ML Class, และแผนภาพ ML statechart นอกจากนี้คุณยังสามารถออกแบบวงจรตรรกะแผนภูมิองค์กรเครื่อง Finite รัฐปริศนาหมากรุกและอื่น ๆ อีกมากมาย
การสนับสนุนองค์ประกอบที่กำหนดเอง
ห้องสมุดโอเพ่นซอร์ส X6 มีองค์ประกอบในตัวที่สามารถนํามาใช้เพื่อสร้างไดอะแกรมภายในแอป JavaScript มีหลายรูปร่างเริ่มต้นเช่นรูปสี่เหลี่ยม, ข้อความ, วงกลม, คลิป, ภาพ, เส้นทาง, ฯลฯ. เหล่านี้สามารถใช้ในการวาดรูป นอกจากนี้คุณยังสามารถสร้างองค์ประกอบใหม่จากรอยขีดข่วน
สร้างและจัดการแผนภูมิผ่าน JavaScript
ห้องสมุด X6 ให้การสนับสนุนที่สมบูรณ์สําหรับการสร้างเช่นเดียวกับการจัดการแผนภูมิโดยใช้รหัส JavaScript ไลบรารีได้รวมการสนับสนุนสําหรับหลายประเภทของแผนภูมิเช่นสาย, บาร์, พื้นที่, แผนภูมิ Combo, แผนภูมิ Pie & Dont, และ Knows. ไลบรารียังให้ฟังก์ชั่นต่างๆที่เกี่ยวข้องกับการจัดการแผนภูมิเช่นการอยู่อาศัยการหมุนเชื่อมต่อกับองค์ประกอบอื่น ๆ และอื่น ๆ
