GoJS是一款功能強(qiáng)大，快速且輕量級(jí)的流程圖控件，可幫助你在JavaScript 和HTML5 Canvas程序中創(chuàng)建流程圖，且極大地簡(jiǎn)化您的JavaScript / Canvas 程序。

點(diǎn)擊下載GoJS最新版

GoJS入門(mén)

GoJS是一個(gè)靈活的庫(kù)，可用于創(chuàng)建多種不同類(lèi)型的交互式圖，包括數(shù)據(jù)可視化，繪圖工具和圖形編輯器。有樣品流程圖，組織結(jié)構(gòu)圖，業(yè)務(wù)流程BPMN，泳道，時(shí)間表，狀態(tài)圖，看板，網(wǎng)絡(luò)，思維導(dǎo)圖，桑基，家譜和系圖圖，魚(yú)骨圖，平面圖，UML，決策樹(shù)，PERT圖，甘特圖，和數(shù)百人。GoJS包括許多內(nèi)置布局，包括樹(shù)形布局，力導(dǎo)向，徑向和分層的有向圖布局，以及許多自定義布局示例。

GoJS使用HTML Canvas元素渲染（導(dǎo)出為SVG或圖像格式）。GoJS可以在Web瀏覽器中運(yùn)行，也可以在Node或Puppeteer的服務(wù)器端運(yùn)行。GoJS Diagrams由模型支持，通常通過(guò)JSON保存和加載。

該存儲(chǔ)庫(kù)包含所有示例，擴(kuò)展和文檔的庫(kù)和源。您可以使用GitHub存儲(chǔ)庫(kù)快速搜索所有源。

樣本

通過(guò)創(chuàng)建一個(gè)或多個(gè)模板（具有所需屬性數(shù)據(jù)綁定）并添加模型數(shù)據(jù)來(lái)構(gòu)造圖。

<script src="go.js"></script>

<script id="code">
  function init() {
    var $ = go.GraphObject.make;  // for conciseness in defining templates

    var myDiagram =
      $(go.Diagram, "myDiagramDiv",  // create a Diagram for the DIV HTML element
        { // enable undo & redo
          "undoManager.isEnabled": true
        });

    // define a simple Node template
    myDiagram.nodeTemplate =
      $(go.Node, "Auto",  // the Shape will go around the TextBlock
        $(go.Shape, "RoundedRectangle",
          { strokeWidth: 0, fill: "white" },  // default fill is white
          // Shape.fill is bound to Node.data.color
          new go.Binding("fill", "color")),
        $(go.TextBlock,
          { margin: 8 },  // some room around the text
          // TextBlock.text is bound to Node.data.key
          new go.Binding("text", "key"))
      );

    // but use the default Link template, by not setting Diagram.linkTemplate

    // create the model data that will be represented by Nodes and Links
    myDiagram.model = new go.GraphLinksModel(
    [
      { key: "Alpha", color: "lightblue" },
      { key: "Beta", color: "orange" },
      { key: "Gamma", color: "lightgreen" },
      { key: "Delta", color: "pink" }
    ],
    [
      { from: "Alpha", to: "Beta" },
      { from: "Alpha", to: "Gamma" },
      { from: "Beta", to: "Beta" },
      { from: "Gamma", to: "Delta" },
      { from: "Delta", to: "Alpha" }
    ]);
  }
</script>

諾斯伍德軟件為GoJS提供為期一個(gè)月的免費(fèi)開(kāi)發(fā)人員對(duì)開(kāi)發(fā)人員支持，以幫助您開(kāi)始進(jìn)行項(xiàng)目。

閱讀和搜索GoJS官方論壇以查找與您的問(wèn)題有關(guān)的任何主題。

對(duì)于有關(guān)GoJS的任何非技術(shù)性問(wèn)題，例如有關(guān)銷(xiāo)售或許可的問(wèn)題，請(qǐng)?jiān)L問(wèn)Northwoods Software的聯(lián)系表。