gpt4 book ai didi

javascript - GetOrgChart 无法正确处理超过 2500 个节点

转载 作者:行者123 更新时间:2023-11-30 20:16:13 26 4
gpt4 key购买 nike

我正在使用 GetOrgChart 来显示超过 2500 个节点,我面临着很多问题,我在下面提到过。

  1. 图表不在中间。
  2. 由于在页面加载时它看起来像一条细线,我必须用力按放大按钮才能看到图表。
  3. 如果我使用鼠标滚动进行放大/缩小,那么这条细线将消失并且不会再次出现。
  4. 如果我在搜索框中搜索一个节点,图表将缩小并再次变成一条细线,我必须再次放大才能看到图表。
  5. 搜索后,识别节点不闪烁。

见下图

enter image description here

下面是我的代码

<!DOCTYPE html>
<html>
<head>
<title>OrgChart | First Look</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="getorgchart.js"></script>
<link href="getorgchart.css" rel="stylesheet" />

<style type="text/css">
html, body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}


#people {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="people"></div>
<script type="text/javascript">
var peopleElement = document.getElementById("people");
var orgChart = new getOrgChart(peopleElement, {
primaryFields: ["name", "title"],
dataSource: myData
});
</script>
</body>
</html>

最佳答案

您可以添加此选项以获得美丽的 View 。

boxSizeInPercentage: {
minBoxSize: {
width: 5,
height: 5
},
boxSize: {
width: 15,
height: 75
},
maxBoxSize: {
width: 100,
height: 100
}
},

关于javascript - GetOrgChart 无法正确处理超过 2500 个节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51895711/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com