var myDiagram; // Declared as global
function init() {
if (window.goSamples) goSamples(); // init for these samples -- you don't need to call this
var $ = go.GraphObject.make;
var $ = go.GraphObject.make,
diagram = $(go.Diagram, "myDiagramDiv");
diagram.layout = $(go.TreeLayout);
diagram.contentAlignment = go.Spot.Center;
// define a simple Node template
diagram.nodeTemplate =
$(go.Node, "Spot", // the Shape will go around the TextBlock
$(go.Shape, "Ellipse",
{ fill: 'palegreen', stroke: '#333', strokeWidth: 3, width: 40, height: 40 }
),
$(go.TextBlock,
{ margin: 3, font: 'bold 14px sans-serif', stroke: '#333' }, // some room around the text
// TextBlock.text is bound to Node.data.key
new go.Binding("text", "key"))
);
// create the model data that will be represented by Nodes and Links
diagram.model = new go.GraphLinksModel(
[
{ key: "1" },
{ key: "2" },
{ key: "3" },
{ key: "4" },
{ key: "5" },
{ key: "6" },
{ key: "7" }
],
[
{ from: "1", to: "2" },
{ from: "1", to: "3" },
{ from: "3", to: "4" },
{ from: "3", to: "5" },
{ from: "3", to: "6" },
{ from: "7", to: "1" }
]);
}
;
if(window.init) {init();}
GOJS2
最新推荐文章于 2024-07-03 13:50:01 发布