GoJS – Etkileşimli Diyagramlar Çizmek İçin JavaScript Kütüphanesi

berat

Onaylanmış Üye
Onaylanmış Üye
31 Tem 2020
23
1
Çevrimiçi zamanı
2h 27m
3
Best answers
0
Oyuncu
Silkroad
GoJS, Northwoods Software tarafından oluşturulan, kendi diyagramlarınızı oluşturmak için kullanabileceğiniz bir JavaScript kütüphanesidir.



Northwoods Software, çeşitli platformlarda etkileşimli diyagram bileşenleri ve sınıf kütüphanelerinin tedarikçisi konumundadır.

2012 yılında başlatılan GoJS , modern web tarayıcıları arasında etkileşimli diyagramları uygulamak için zengin özelliklere sahiptir. Akış şeması, türlü şemalar, görsel ağaçlar ve veri akışı gibi diyagramlar oluşturmak için bizlere kolaylık sağlıyor.

Screenshot_3.jpg

“GoJs’te bir durum tablosu”
GoJS saf Javascript olduğundan kullanıcılar diğer kütüphanelerdeki eklentiler veya bağlılıklar olmadan GoJS’den yararlanabiliyor. Dokunmatik cihazlar dahil, hem masaüstü hem de mobil cihazlardaki tüm modern tarayıcılarla uyumluluğu ise çok iyi durumda. Bir HTML5 Canvas çözümü olarak, GoJS JQuery, AngularJS gibi herhangi bir JavaScript çerçevesiyle bütünleşebilir, ancak kendi başına bağımsız da çalışabilir. Ayrıca statik ekran ve baskı ihtiyaçları için şemaların SVG ihracatını da yine bizlere sunuyorlar.

gjs.jpg

“GoJS’te Org Chart Editörü”
GoJS’deki yeni özelliklerin, kullanıcıların talepleri üzerine eklenmesi de güzel bir durum. Dikkatle hazırlanmış ve iyi desteklenmiş bir kütüphane, geliştirme döngüsünde zaman kazanmak için nadir bir fırsattır. Bu durumda projenizi hızlı ve kolay bir şekilde olgunlaştırmak için GoJS bizlere çok fazla kolaylık sağlıyor.

Sizler de diyagram ve grafik çizmek istiyorsanız, açık kaynak olan bu kütüphaneyi kullanabilirsiniz.

GoJS Nasıl Kullanılır ?
GoJS ile çalışmaya başlamak için, tabiki de öncelikle kütüphaneyi HTML belgesinde tanıtmanız gerekir. Eklemek için CDNJS‘den alabileceğiniz GoJS bağlantısını ekleyin. Ayrıca isterseniz GoJS Kütüphanesi‘ni de indirebilirsiniz.
Kod:
  <! DOCTYPE html>   
  < html >
    < head >
    . . .
    <! - GoJS kütüphanesini dahil edin. ->
    < script  src = "go-debug.js" ></ script >
Div Öğesinde GoJS’i Barındırma
Kod:
<body>
    <div id="myDiagramDiv" style="border: solid 1px blue; width:400px; height:150px"></div>
Artık , JavaScript ile Diyagramı bu Div öğesinin içinde yaratabilirsiniz.
Kod:
  <script>
    var diagram = new go.Diagram("myDiagramDiv");
    diagram.model = new go.GraphLinksModel(
      [{ key: "Hello" },   
       { key: "World!" }],
      [{ from: "Hello", to: "World!"}] 
    );
  </script>
Basit bir örnek
 

Fendrix

𝓣𝓱𝓮 𝓑𝓮𝓼𝓽 𝓞𝓷𝓮
Co Admin
Hosting Yetkilisi
Teknik Sorumlu
Hakem
Yarışma Organizatörü
Vip Üye
21 Mar 2021
1,314
370
Çevrimiçi zamanı
7d 8h 47m
153
Best answers
0
Oyuncu
Metin2
Teşekkürler. :)
 
Üst