GoJS 绘图 (一) ：入门

最新推荐文章于 2024-05-11 09:35:40 发布

weixin_33701617

最新推荐文章于 2024-05-11 09:35:40 发布

阅读量349

点赞数

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000005182494

版权

GoJS是一个JavaScript库，让你轻松创建现代Web浏览器的交互图。 GoJS支持图形化的模板和图形对象属性数据模型的数据绑定。你只需要保存和恢复模型，包括持有任何性质的应用需求，简单的JavaScript对象。许多预定义的工具和命令执行，大部分的图表所需要的标准的行为。外观和行为的定制是大多设置属性的问题。

创建一个图

HTML

<div id="myDiagramDiv" style="width:400px; height:150px; background-color: #DAE4E4;"></div>

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！”