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>
参考
阅读 1566 · 发布于 2021-11-22
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
HTML 自定义表单验证信息阅读 1234
-
Java 并发编程之 CyclicBarrier阅读 2006
-
macOS 打开 VisualVM 直接闪退解决方法阅读 702
-
Spring Boot @ConfigurationProperties 配置文件映射为对象阅读 872
-
Helm 安装 Chart 到 Kubernetes阅读 549
-
SpringMVC 使用对象接收 GET 请求参数 QueryString阅读 896
-
Spring Boot 配置文件中的默认值阅读 1512
-
Linux grep 过滤注释行阅读 1067
-
YAML | 竖线 > 大于号 - 减号等特殊符号的作用阅读 3413
-
Spring Boot 单元测试无法 mock @Value 标注的字段阅读 692