javascript - 在页面调整大小之前，不会显示Kendo Diagram(Kendo Diagram will not display until the page resize)

Question

I have a Html page in which div is there.

(我有一个HTML页面，其中有div。)

And from seperate js file i am binding the Kendo Diagram to that div.

(从单独的js文件中，我将Kendo图绑定到该div。)

The Diagram will not display until the page resize.

(在页面调整大小之前，该图将不会显示。)

Html Page

<div id="center-pane" class="col-sm-10">
                    <div>
                        <div id="d1" style="height: 400px;"></div>
                    </div>
                </div>

jf file

var d2 = $("#d1").kendoDiagram({
               shapes: [
                {
                    id: "1",
                    content: {
                        text: "Monday"
                    }
                },
                {
                    id: "2",
                    content: "Tuesday"
                }
            ],
            connections: [

                {
                    from: "1",
                    to: "2"
                }
            ],
            layout: {
                type: "tree"
            },
}).getKendoDiagram();

  ask by TauFeeQ translate from so

Answer 1

等待大神答复