Free JavaScript Library to Generate & Edit Popüler Diagrams

Free JavaScript Library to Create & Edit different types of diagrams. DA diyagramlarının hızlı inşaatına izin verir, En diagramlar, akışlar ve daha fazlası.

X6, yazılım geliştiricilerinin JavaScript komut kullanarak farklı diyagramlarla çalışmasına olanak sağlayan çok kullanışlı bir JavaScript diyagramlama kütüphanesidir. Kütüphane, bileşenler ve node özelleştirme için işlevleri kullanmak için çok kolay sağlar. Kütüphane VC mimarisine dayanmaktadır ve özellikle de iş mantığına odaklanır. Bu kütüphane ve belge açık kaynaktır ve IT lisansı altında özgürce mevcuttur.

Kütüphane çok esnektir ve kullanıcıların grafikler, düğümler, kenarlar ve kolaylıkla araçları genişletmelerini sağlar. Kütüphane tamamen etkinlik odaklı ve geliştiricilere grafik içinde gerçekleşen herhangi bir etkinliğe tepki verme yeteneği veriyor. DA diyagramlarının hızlı inşaatını, En diagramları, akışları ve diğer uygulamaları destekler. X6 kütüphanesi çok istikrarlı ve iyi bilinen SVG/HTML/SS veya React/Vue'e özel düğümler ve kenarlara dayanıyor.

Kütüphane, yeni düğümler eklemek, mevcut düğümleri hazırlamak, etkileşim kurmak, bağlantı kenarlarını eklemek, ekleme ve sarmalama metni eklemek veya limanları dinamik bir şekilde kaldırmak, bir limana bağlanmak, düğümleri etiketlemek gibi, işaretleyicileri, özel işaretleri yol ve çok daha fazla kullanmak gibi birkaç önemli özellik için destek içeriyordu. Kütüphane yerel olarak retangles, çevreler, nöbetler, yollar, poligonlar, silindirler ve daha fazlası gibi farklı şekillerini destekler.

Bir Bakışta

X6 özelliklerine genel bir bakış.

Özelliklere genel bakış

Diyagram oluştur
Grafikler oluşturun
Yönetim şeması
SVG
HTML
Sıra diyagramları
ER diyagramı
UML Sınıfı diyagramı
Durum şeması diyagramları
Özel Öğe

X6 aşağıda listelenen popüler sıkıştırma dosya formatlarını destekler.

Okuyucu

yazar

TXT, SVG

Platform Bağımsızlığı

X6 sadece Java run-time gerektirir.

JavaScript

X6 ile başlayın

X6 stabil salıverme yüklemenin önerilen yolu PM kullanıyor. Lütfen aşağıdaki komutu düzgün bir kurulum için kullanın

X6'yı PM

 $ npm install @antv/x6 –save

Derlenmiş paylaşılan kitaplığı github deposundan indirebilirsiniz.

JavaScript API ile Diyagram Oluşturun ve Yönetin

Açık kaynak X6 kütüphanesi, yazılım geliştiricilerinin kendi JavaScript uygulamalarının içinde kolaylıkla çoklu diyagramlar oluşturmasına olanak sağlar. Kütüphane, özel diyagramları kolaylıkla çizebilmek için kullanılan yerleşik şekiller için destek dahil etti. Dizi diyagramları çizebilirsiniz, En diagramlar, ML Sınıf diyagramları ve ML statechart diyagramları. Ayrıca mantık devreleri, örgütsel grafikler, Finite eyalet makineleri, bulmacalar, satranç ve çok daha fazlasını kolayca tasarlayabilirsiniz.

Özel Öğe Desteği

Açık kaynak X6 kütüphanesi, JavaScript uygulama içinde diyagramlar oluşturmak için kullanılabilir olan yerleşik elementlere dahil edilmiştir. Retangles, text, çevreler, kayıtlar, görüntüler, yollar gibi mevcut birkaç varsayılan şekil vardır. Bunlar bir çizim çizebilmek için kullanılabilir. Ayrıca sıfırdan yeni elementler oluşturabilirsiniz.

JavaScript ile Grafikler Oluşturun ve Yönetin

X6 kütüphanesi, JavaScript kodu kullanarak grafikleri yönetmek için tam destek sağladı. Kütüphane, Line, Bar, Alan, Combo grafikler, Pie & Dont grafikler ve Knows gibi birkaç grafik için destek içeriyordu. Kütüphane ayrıca, diğer elementlere bağlanan, dönen, dönen, dönen grafiklerle ilgili çeşitli işlevleri de sağlar ve böylece.