1. Tuotteet
  2.   Kaavio
  3.   JavaScript
  4.   mxGraph 

mxGraph 

 
 

Avoimen lähdekoodin JavaScript-kaaviokirjasto

Luo interaktiivisia kaavio- ja kaaviosovelluksia avoimen lähdekoodin ilmaisen JavaScript-kaaviokirjaston kautta.

mxGraph on avoimen lähdekoodin JavaScript-kaaviokirjasto, joka tarjoaa toimintoja SVG- ja HTML-kaavioiden renderöintiin. mxGraph-kirjaston käyttämiseen ei tarvita kolmannen osapuolen ohjelmistoja. Toinen hyvä asia on, että se ei vaadi laajennuksia ja se voidaan integroida käytännössä mihin tahansa kehykseen. mxGraph tarjoaa ominaisuuksia, jotka on tarkoitettu interaktiivisten kaavioiden ja kaavioiden näyttämiseen. API tarjoaa kaikki yleisesti vaadittavat toiminnot piirtämiseen, vuorovaikutukseen sen kanssa ja kontekstin liittämiseen kaavioon.

API käyttää hyvin yleistä arkkitehtuuria, se vaatii web-palvelimen, joka pystyy käsittelemään HTML-sivuja, sekä JavaScriptiä tukevan verkkoselaimen. Se käyttää ensisijaisesti yhtä JavaScript-tiedostoa, joka sisältää kaikki kirjaston toiminnot. Tämä tiedosto ladataan HTML-verkkosivulle JavaScript-osiossa ja suoritetaan selaimen HTML-säilössä

Previous Next

mxGraphin käytön aloittaminen

Suositeltu tapa asentaa mxGraph on npm, se on saatavilla npm-pakettienhallinnan kautta. Jos haluat käyttää mxGraphia riippuvuutena, käytä npm asennusta.

Asenna mxGraph npm:n kautta

npm install mxgraph --save

Luo kaavioita JavaScript API:n kautta

Avoimen lähdekoodin mxGraph-kirjasto tarjoaa toiminnot kaavion tai kaavioiden luomiseen JavaScriptin avulla. Se tukee myös monimutkaisten kaavioiden muokkaamista luomalla uusia kaavioeditoreja tai mukauttamalla niitä. Ensin sinun on luotava kaavio annettuun säilöön ja sitten voit helposti lisätä malliin soluja kaavion rakentamiseksi. Voit helposti lisätä kaavioiden otsikoita ja tehdä muistiinpanoja useille osallistujille. Kirjasto tarjoaa myös lisäominaisuuksia, kuten visuaalisia tehosteita, käyttöliittymän ohjausta ja paljon muuta.

Kahden kaavion yhdistäminen JavaScriptin avulla

mxGraph antaa ohjelmoijille mahdollisuuden yhdistää kaksi kuvaajaa omissa JavaScript-sovelluksissaan. Ensinnäkin sinun on luotava näytekaavio annetun säilön sisällä. Tee kaikista soluista pyöreitä valkoisella, lihavoitulla etiketillä. Luo nyt toinen kaaviomalli ilman säilöä. Lisää soluja kohdemalliin yhdessä vaiheessa käyttämällä pisteiden mukautettuja tunnuksia. Nyt voit yhdistää mallin toisesta kaaviosta ensimmäisen kaavion malliin.

Piirrä ruudukko JavaScriptillä

mxGraph-kirjaston avulla ohjelmistokehittäjät voivat piirtää ruudukon dynaamisesti omien JavaScript-sovellustensa sisään. Voit helposti piirtää ruudukon dynaamisesti HTML 5 -kankaalla. Luo ensin kaavio annettuun säilöön ja luo dynaamisesti ruudukko, joka vaatii kankaan. Sinun on muokattava tapahtumasuodatusta, jotta voit hyväksyä kankaan säilönä. Nyt copettaa tarvittaessa taustan ja määrittää ruudukon viivojen etäisyyden pikseleinä. Piirtää nyt varsinaisen ruudukon.

 Suomen