-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathTutorial1.js
More file actions
72 lines (62 loc) · 1.88 KB
/
Tutorial1.js
File metadata and controls
72 lines (62 loc) · 1.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/// <reference path="JsDiagram-vsdoc.js" />
var DiagramView = MindFusion.Diagramming.DiagramView;
var Diagram = MindFusion.Diagramming.Diagram;
var DiagramLink = MindFusion.Diagramming.DiagramLink;
var ShapeNode = MindFusion.Diagramming.ShapeNode;
var Rect = MindFusion.Drawing.Rect;
var LayeredLayout = MindFusion.Graphs.LayeredLayout;
var diagram;
document.addEventListener("DOMContentLoaded", function ()
{
// create a DiagramView component that wraps the "diagram" canvas
var diagramView = DiagramView.create(document.getElementById("diagram"));
diagram = diagramView.diagram;
diagram.linkHeadShapeSize = 2;
// pretend we are calling a web service
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function ()
{
if (this.readyState == 4 && this.status == 200)
{
var graph = JSON.parse(xhttp.responseText);
buildDiagram(graph);
}
};
xhttp.open("GET", "Tutorial1.txt", true);
xhttp.send();
var mdiag = MindFusion.Diagramming;
mdiag.DiagramLink.prototype.setTextBounds = function ()
{
var pos = this.points.length % 2 == 1 ?
this.points[Math.floor(this.points.length / 2)] :
mdiag.Utils.mid(this.points[this.points.length / 2 - 1], this.points[this.points.length / 2]);
var bounds = new MindFusion.Drawing.Rect(pos.x, pos.y, 0, 0);
this.text.setBounds(bounds, 0);
};
});
function buildDiagram(graph)
{
var nodeMap = [];
// load node data
var nodes = graph.nodes;
for (var node of nodes)
{
var diagramNode = diagram.factory.createShapeNode(0, 0, 18, 8);
nodeMap[node.id] = diagramNode;
diagramNode.text = node.name;
diagramNode.brush = "#e0e9e9";
}
// load link data
var links = graph.links;
for (var link of links)
{
diagram.factory.createDiagramLink(
nodeMap[link.origin],
nodeMap[link.target]);
}
// arrange the graph
var layout = new LayeredLayout();
layout.nodeDistance = 10;
layout.layerDistance = 10;
diagram.arrange(layout);
}