GoJS
สร้างและจัดการไดอะแกรมผ่าน JavaScript API
ไลบรารี JavaScript แบบโอเพ่นซอร์สที่ช่วยให้นักพัฒนาสามารถสร้างและประมวลผลไดอะแกรม แผนภูมิ และกราฟภายในแอปพลิเคชัน JavaScript ของตนเองได้
ไลบรารี JavaScript อันทรงพลังที่ช่วยให้นักพัฒนาซอฟต์แวร์สามารถสร้างและจัดการไดอะแกรม แผนภูมิ รวมถึงกราฟภายในแอปพลิเคชัน JavaScript ของตนเองได้ ไลบรารีได้รวมการรองรับเลย์เอาต์ในตัว เช่น เลย์เอาต์แบบต้นไม้ เรเดียล รวมถึงเลย์เอาต์ไดกราฟแบบเลเยอร์ และเลย์เอาต์แบบกำหนดเองบางแบบ ไลบรารีนี้สามารถใช้งานได้ง่ายในเว็บเบราว์เซอร์หรือฝั่งเซิร์ฟเวอร์ใน Node หรือ Puppeteer
ไลบรารี GoJS มีความยืดหยุ่นสูงและช่วยให้นักพัฒนาสามารถสร้างไดอะแกรมได้หลายประเภท เช่น โฟลว์ชาร์ต ไดอะแกรมทางการแพทย์ แผนผังองค์กร เครื่องมือออกแบบ เครื่องมือในการวางแผน แผนภูมิสถานะ ไดอะแกรม Sankey กระบวนการทางอุตสาหกรรม ภาษาภาพ และอื่นๆ .
ไลบรารีนำเสนอคุณลักษณะแบบโต้ตอบที่ทรงพลังมาก เช่น องค์ประกอบการลากและวางของไดอะแกรม คัดลอกและวางเนื้อหา คำแนะนำเครื่องมือ เมนูบริบท การใช้เทมเพลต การสนับสนุนการเชื่อมโยงข้อมูล ตัวจัดการเหตุการณ์ เค้าโครงอัตโนมัติ การใช้ภาพเคลื่อนไหวที่ปรับแต่งได้ และอื่นๆ อีกมากมาย คุณยังสามารถแสดงองค์ประกอบ HTML Canvas และส่งออกไปยัง SVG รวมถึงรูปแบบรูปภาพอื่นๆ
ได้อย่างรวดเร็ว
ภาพรวมของคุณสมบัติของ GoJS
- สร้างไดอะแกรม
- สร้างแผนภูมิ
- จัดการกราฟ
- แก้ไขไดอะแกรม
- แสดงกราฟ
- ใช้เทมเพลต
- การผูกข้อมูล
- ตัวจัดการเหตุการณ์
- สไตล์ไดอะแกรม
- เค้าโครงอัตโนมัติ
- แอนิเมชั่นที่ปรับแต่งได้
- เคล็ดลับเครื่องมือ
GoJS รองรับรูปแบบไดอะแกรมและส่งออกข้อมูลไปยังรูปแบบไฟล์ทั่วไปได้
ความเป็นอิสระของแพลตฟอร์ม
GoJS ต้องใช้ JavaScript เท่านั้น
- Python 2.6 ขึ้นไป
เริ่มต้นใช้งาน GoJS
วิธีที่แนะนำในการติดตั้ง GoJS คือผ่าน npm ซึ่งพร้อมใช้งานผ่านตัวจัดการแพ็คเกจ npm ใช้คำสั่งต่อไปนี้
ติดตั้ง GoJS ผ่าน npm
$ npm install gojs --saveวาดผังงานผ่าน JavaScript API
ไลบรารี GoJS แบบโอเพ่นซอร์สได้ให้การสนับสนุนสำหรับการสร้างไดอะแกรมหลายประเภทและแสดงคุณลักษณะและเลย์เอาต์ที่เฉพาะเจาะจง คุณสามารถวาดผังงานด้วยโค้ด JavaScript สองสามบรรทัด ไลบรารีได้รวมการรองรับ Palettes, โหนดที่เชื่อมโยงได้, ลักษณะการลาก/วาง, การแก้ไขข้อความ และการใช้ Node Template Maps สำหรับการวาดแผนผังลำดับงาน คุณยังสามารถแก้ไขไดอะแกรมที่มีอยู่และโหนดไดอะแกรมรวมถึง Textblock ได้อย่างง่ายดาย
สร้างและแก้ไขไดอะแกรมสถานะผ่าน JavaScript
ไดอะแกรมสถานะใช้เพื่ออธิบายพฤติกรรมของระบบ ไดอะแกรมสถานะสามารถใช้เพื่อแสดงสภาพของระบบหรือบางส่วนของระบบได้ในจำนวนที่จำกัดของสถานะหรือเวลา ไลบรารี GoJS รองรับการสร้างและแก้ไขไดอะแกรมสถานะได้อย่างง่ายดาย คุณสามารถวาดโหนดได้มากเท่าที่คุณต้องการและสามารถวาดลิงก์ได้มากจากโหนดหนึ่งไปยังโหนดอื่นตามต้องการ และสามารถกำหนดรูปแบบลิงก์ใหม่หรือลบออกเมื่อเลือก
สร้างวงจรลอจิกผ่าน JavaScript
ประตูลอจิกเป็นหน่วยการสร้างพื้นฐานของระบบดิจิทัลใดๆ ประตูลอจิกเป็นรูปแบบการคำนวณในอุดมคติหรืออุปกรณ์อิเล็กทรอนิกส์ทางกายภาพที่ใช้ฟังก์ชันบูลีน ห้องสมุดมีคุณลักษณะมากมายและมีฟังก์ชันสำคัญหลายประการสำหรับการสร้างวงจรโดยใช้ประตูและสายไฟ ใช้งานง่ายมากและช่วยให้ผู้ใช้จัดการไดอะแกรมได้อย่างง่ายดาย มีจานสีที่ให้คุณลากและวางโหนดใหม่และจัดการไดอะแกรมของคุณ คุณสามารถอัปเดตแต่ละโหนดได้อย่างง่ายดายตามประเภทที่ใช้สีของลิงก์ในโหนดเพื่อกำหนดสีของโหนดที่ออกจากโหนดนั้น
วาด & ตำแหน่งองค์ประกอบไดอะแกรม
ไลบรารี GoJS แบบโอเพ่นซอร์สช่วยให้นักพัฒนาซอฟต์แวร์สามารถวาดและวางตำแหน่งองค์ประกอบไดอะแกรมภายในแอปพลิเคชัน JavaScript ของตนเองได้อย่างง่ายดาย ไลบรารีช่วยให้นักพัฒนาสามารถเลือกและวางตำแหน่งส่วนที่เลือกของไดอะแกรมที่สัมพันธ์กันด้วยโค้ดเพียงไม่กี่บรรทัด คุณยังสามารถจัดการปุ่มลูกศรได้อย่างง่ายดายและใช้ "การวางออฟเซ็ต" เพื่อให้วัตถุที่วางจะเรียงต่อกันแทนที่จะวางทับกัน
