1

GetOrgChart を使用して 2500 を超えるノードを表示していますが、以下で説明する多くの問題に直面しています。

  1. チャートが中央にありません。
  2. ページの読み込み時に細い線のように見えるので、強制的にズームインボタンを押してチャートを表示する必要があります。
  3. マウスのスクロールを使用してズームイン/ズームアウトすると、この細い線が消えて再び見つかりません。
  4. 検索ボックスでノードを検索すると、チャートがズームアウトし、再び細い線になり、チャートを表示するには再度ズームインする必要があります。
  5. 検索後、特定されたノードが点滅しません。

下の画像を参照してください

ここに画像の説明を入力

以下は私のコードです

<!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>
4

1 に答える 1

1

このオプションを追加して、美しいビューを作成できます。

boxSizeInPercentage: {
    minBoxSize: {
        width: 5,
        height: 5
    },
    boxSize: {
        width: 15,
        height: 75
    },
    maxBoxSize: {
        width: 100,
        height: 100
    }
},
于 2018-10-23T10:53:33.057 に答える