<strike id="8ioc0"></strike>

<del id="8ioc0"></del>

<del id="8ioc0"></del>

<strike id="8ioc0"></strike>

<strike id="8ioc0"></strike>

GoJS 繪圖 (一) ：入門

X_AirDu 發(fā)布于2019-08-19 18:23 / 3006人閱讀

摘要：是一個庫，讓你輕松創(chuàng)建現(xiàn)代瀏覽器的交互圖。支持圖形化的模板和圖形對象屬性數(shù)據(jù)模型的數(shù)據(jù)綁定。許多預(yù)定義的工具和命令執(zhí)行，大部分的圖表所需要的標(biāo)準的行為。外觀和行為的定制是大多設(shè)置屬性的問題。

GoJS是一個JavaScript庫，讓你輕松創(chuàng)建現(xiàn)代Web瀏覽器的交互圖。 GoJS支持圖形化的模板和圖形對象屬性數(shù)據(jù)模型的數(shù)據(jù)綁定。你只需要保存和恢復(fù)模型，包括持有任何性質(zhì)的應(yīng)用需求，簡單的JavaScript對象。許多預(yù)定義的工具和命令執(zhí)行，大部分的圖表所需要的標(biāo)準的行為。外觀和行為的定制是大多設(shè)置屬性的問題。

創(chuàng)建一個圖 HTML

javascript

   var diagram = new go.Diagram("myDiagramDiv");
    diagram.model = new go.GraphLinksModel(
      [{ key: "Hello" },   // two node data, in an Array
       { key: "World!" }],
      [{ from: "Hello", to: "World!"}]  // one link, in an Array
    );

這樣就完成了的“Hello World！”

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79531.html

相關(guān)文章

GoJS 繪圖 (十) ：鏈接（完結(jié)）

摘要：非定向鏈接最簡單的鏈接沒有箭頭指示方向。該模板只包含一個形狀為主要元素，因為這是在節(jié)點之間繪制的線條。鏈接的路線被計算后將得到一個路徑的點。可以很容易地建立方向，只需添加一個形狀并設(shè)置其屬性。目前也就只能先寫這么多吧入門的話問題不大了非定向鏈接最簡單的鏈接沒有箭頭指示方向。該模板只包含一個形狀為主要元素，因為這是在節(jié)點之間繪制的線條。鏈接的路線被計算后將得到一個路徑的點。 diag...

Rocko 2019-08-22 10:33 評論0 收藏0
記一次繪圖框架技術(shù)選型: jsPlumb VS mxGraph

摘要：公司項目需要用到繪圖框架，繪圖部分以前是另一位同事負責(zé)，用的是框架。基于以上提及到的種種原因，上年年末我做起了技術(shù)調(diào)研，希望能找到一個合適我們項目的繪圖框架。兼容性問題項目對瀏覽器兼容性比較寬松，瀏覽器兼容性問題不在考慮范圍之內(nèi)。 showImg(https://ws3.sinaimg.cn/large/006tKfTcgy1g0ppk2kkhxj30ka0b4gm5.jpg); 公司...

longmon 2019-08-23 15:36 評論0 收藏0
記一次繪圖框架技術(shù)選型: jsPlumb VS mxGraph

摘要：公司項目需要用到繪圖框架，繪圖部分以前是另一位同事負責(zé)，用的是框架。基于以上提及到的種種原因，上年年末我做起了技術(shù)調(diào)研，希望能找到一個合適我們項目的繪圖框架。兼容性問題項目對瀏覽器兼容性比較寬松，瀏覽器兼容性問題不在考慮范圍之內(nèi)。 showImg(https://ws3.sinaimg.cn/large/006tKfTcgy1g0ppk2kkhxj30ka0b4gm5.jpg); 公司...

channg 2019-08-02 14:23 評論0 收藏0
GoJS 繪圖 (四) ：構(gòu)建節(jié)點與GraphObjects

摘要：你可以構(gòu)建一個節(jié)點或其類型的代碼。以下將討論基本類型，你可以用它來建立一個節(jié)點對象。這些頁面通過明確創(chuàng)建和添加節(jié)點和鏈路建立的示意圖。一個非常簡單的節(jié)點由一個與構(gòu)成。雖然以這種方式構(gòu)建的節(jié)點將工作變得更加復(fù)雜的代碼將變得更加難以閱讀和維護。你可以構(gòu)建一個節(jié)點或其類型的JavaScript代碼。以下將討論基本類型，你可以用它來建立一個節(jié)點對象。這些頁面通過明確創(chuàng)建和添加節(jié)點和鏈路建立的...

jokester 2019-08-19 18:25 評論0 收藏0
GoJS 繪圖 (六) ：橫向面板（panel）

摘要：橫向面板屬性和縱向面板基本相同只是排列順序不同默認對齊和拉伸垂直和水平兩個面板的支持的和屬性。這是一種便捷的方式使您不必設(shè)置每個元件的或橫向面板屬性和縱向面板基本相同只是排列順序不同 diagram.add(G( go.Part, go.Panel.Horizontal, { position: new go.Point(500, 0), ...

Hancock_Xu 2019-08-19 18:26 評論0 收藏0