GoJS 更改 Overview 的拖动框颜色
GoJS 大约 2846 字属性
Overview
的属性box
就是拖动框的Part
,box
的第一个元素就是拖动框,默认是紫红色的Shape
。
更改颜色
var myOverview = $(go.Overview, "myOverviewDiv",
{ observed: diagram, contentAlignment: go.Spot.Center }
);
myOverview.box.elt(0).stroke = "green";
完整代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.staticfile.org/gojs/2.1.38/go.js" crossorigin="anonymous"></script>
<style>
#myDiagramDiv canvas,
#myOverviewDiv canvas {
outline: none;
}
#myOverviewDiv {
position: absolute;
width: 100px;
height: 100px;
left: 30px;
top: 180px;
background-color: #FFFFFF;
z-index: 300;
border: 2px solid #787878;
box-sizing: border-box;
border-radius: 10px;
}
</style>
</head>
<body style="margin: 0;">
<div id="myDiagramDiv" style="width:100%;height:300px;background: #E4E7EB"></div>
<div id="myOverviewDiv"></div>
<script>
var $ = go.GraphObject.make;
var diagram = $(go.Diagram, "myDiagramDiv",
{
allowHorizontalScroll: false,
allowVerticalScroll: false,
allowMove: false,
allowSelect: true
}
);
diagram.nodeTemplate =
$(go.Node, "Auto",
$(go.Shape, "Rectangle",
{ fill: "white" },
new go.Binding("fill", "color")),
$(go.TextBlock, { margin: 5 },
new go.Binding("text", "key"))
);
var nodeDataArray = [];
for (var i = 0; i < 1000; i++) {
nodeDataArray.push({ color: go.Brush.randomColor() });
}
diagram.model.nodeDataArray = nodeDataArray;
var myOverview = $(go.Overview, "myOverviewDiv",
{ observed: diagram, contentAlignment: go.Spot.Center }
);
myOverview.box.elt(0).stroke = "green";
</script>
</body>
</html>
参考
阅读 1265 · 发布于 2021-11-22
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
Windows 安装 tcpdump阅读 7048
-
OpenJDK 与 AdoptOpenJDK 的区别阅读 1594
-
Java7 文件变动监听阅读 1545
-
Tomcat acceptCount 和 maxConnections 参数解析阅读 1540
-
Nginx 配置之解决 413 错误(Request Entity Too Large)阅读 5358
-
Linux 之 CentOS yum 安装 PHP7.2阅读 2796
-
Java 推断资源的 Content-Type阅读 1123
-
Java 遍历文件夹阅读 984
-
IDEA Debug 条件断点阅读 1246
-
MySQL 性能分析之慢查询日志阅读 645