li
1b24994e74
- Contract.php: 返回合约账户余额(balance_contract) - My.php: 地址管理增加BTC/ETH - AppContract.php: 一键平仓(closeall) - AppProxy.php: 代理专属注册链接 + 分级权限(L1/L2) - site.php: 手续费减半(0.018→0.009) - agent_permission_setup.sql: 代理权限SQL - crypto_news_crawler.py: 新闻自动采集脚本
96 lines
4.2 KiB
HTML
Executable File
96 lines
4.2 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Double Tree</title>
|
|
<!-- Copyright 1998-2020 by Northwoods Software Corporation. -->
|
|
<meta name="description" content="Layout of two trees in opposite directions, assuming a single root, using TreeLayout." />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<script src="../release/go.js"></script>
|
|
<script src="../extensions/DoubleTreeLayout.js"></script>
|
|
<script src="../assets/js/goSamples.js"></script> <!-- this is only for the GoJS Samples framework -->
|
|
<script id="code">
|
|
function init() {
|
|
if (window.goSamples) goSamples(); // init for these samples -- you don't need to call this
|
|
var $ = go.GraphObject.make; // for conciseness in defining templates in this function
|
|
|
|
myDiagram =
|
|
$(go.Diagram, "myDiagramDiv",
|
|
{
|
|
layout: $(DoubleTreeLayout,
|
|
{
|
|
//vertical: true, // default directions are horizontal
|
|
// choose whether this subtree is growing towards the right or towards the left:
|
|
directionFunction: function(n) { return n.data && n.data.dir !== "left"; }
|
|
// controlling the parameters of each TreeLayout:
|
|
//bottomRightOptions: { nodeSpacing: 0, layerSpacing: 20 },
|
|
//topLeftOptions: { alignment: go.TreeLayout.AlignmentStart },
|
|
})
|
|
});
|
|
|
|
// define all of the gradient brushes
|
|
var graygrad = $(go.Brush, "Linear", { 0: "#F5F5F5", 1: "#F1F1F1" });
|
|
var bluegrad = $(go.Brush, "Linear", { 0: "#CDDAF0", 1: "#91ADDD" });
|
|
var yellowgrad = $(go.Brush, "Linear", { 0: "#FEC901", 1: "#FEA200" });
|
|
var lavgrad = $(go.Brush, "Linear", { 0: "#EF9EFA", 1: "#A570AD" });
|
|
|
|
myDiagram.nodeTemplate =
|
|
$(go.Node, "Auto",
|
|
{ isShadowed: true },
|
|
// define the node's outer shape
|
|
$(go.Shape, "RoundedRectangle",
|
|
{ fill: graygrad, stroke: "#D8D8D8" }, // default fill is gray
|
|
new go.Binding("fill", "color")),
|
|
// define the node's text
|
|
$(go.TextBlock,
|
|
{ margin: 5, font: "bold 11px Helvetica, bold Arial, sans-serif" },
|
|
new go.Binding("text", "key"))
|
|
);
|
|
|
|
myDiagram.linkTemplate =
|
|
$(go.Link, // the whole link panel
|
|
{ selectable: false },
|
|
$(go.Shape)); // the link shape
|
|
|
|
// create the model for the double tree; could be eiher TreeModel or GraphLinksModel
|
|
myDiagram.model = new go.TreeModel([
|
|
{ key: "Root", color: lavgrad },
|
|
{ key: "Left1", parent: "Root", dir: "left", color: bluegrad },
|
|
{ key: "leaf1", parent: "Left1" },
|
|
{ key: "leaf2", parent: "Left1" },
|
|
{ key: "Left2", parent: "Left1", color: bluegrad },
|
|
{ key: "leaf3", parent: "Left2" },
|
|
{ key: "leaf4", parent: "Left2" },
|
|
{ key: "leaf5", parent: "Left1" },
|
|
{ key: "Right1", parent: "Root", dir: "right", color: yellowgrad },
|
|
{ key: "Right2", parent: "Right1", color: yellowgrad },
|
|
{ key: "leaf11", parent: "Right2" },
|
|
{ key: "leaf12", parent: "Right2" },
|
|
{ key: "leaf13", parent: "Right2" },
|
|
{ key: "leaf14", parent: "Right1" },
|
|
{ key: "leaf15", parent: "Right1" },
|
|
{ key: "Right3", parent: "Root", dir: "right", color: yellowgrad },
|
|
{ key: "leaf16", parent: "Right3" },
|
|
{ key: "leaf17", parent: "Right3" }
|
|
]);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="init()">
|
|
<div id="sample">
|
|
<div id="myDiagramDiv" style="background-color: white; border: solid 1px black; width: 100%; height: 500px"></div>
|
|
<p>
|
|
This sample displays a diagram of two trees sharing a single root node growing in opposite directions.
|
|
The immediate child data of the ROOT node have a "dir" property
|
|
that describes the direction that subtree should grow.
|
|
</p>
|
|
<p>
|
|
The <a>Diagram.layout</a> is an instance of the <a>DoubleTreeLayout</a> extension layout,
|
|
defined in <a href="../extensions/DoubleTreeLayout.js">extensions/DoubleTreeLayout.js</a>.
|
|
The layout requires a <a>DoubleTreeLayout.directionFunction</a> predicate to decide for a child node
|
|
of the root node which way the subtree should grow.
|
|
</p>
|
|
</div>
|
|
</body>
|
|
</html>
|