orgcharts使用步骤

<div class="right-second-content-inner">
                        <div id="tree" style="height: 800px;"></div>
</div>

 orgChartTs:function (data,type){

                    var chart = new OrgChart(document.getElementById("tree"), {
                        mouseScrool: OrgChart.action.none,
                        zoom:true,
                        // template: "mery",
                        enableDragDrop: true,
                        enableDragDrop:false,
                        nodeMenu: {
                            edit: { text: "修改" },
                            add: { text: "添加" },
                            remove: { text: "移除" }
                        },
                        nodeBinding: {
                            field_0: "name",
                            field_1: "title",
                        },
                        nodes:data
                    });

                    chart.on('drop', function (sender, draggedNodeId, droppedNodeId) {
                        var draggedNode = sender.getNode(draggedNodeId);
                        var droppedNode = sender.getNode(droppedNodeId);

                        if (droppedNode.tags.indexOf("group") != -1 && draggedNode.tags.indexOf("group") == -1) {
                            var draggedNodeData = sender.get(draggedNode.id);
                            draggedNodeData.pid = null;
                            draggedNodeData.stpid = droppedNode.id;
                            sender.updateNode(draggedNodeData);
                            return false;
                        }
                    });
                    chart.on('add', function (sender, nowdata) {
                        let params={
                            id:nowdata.id,
                            pid:nowdata.pid,
                            name:"",
                            title:"",
                            type:type
                        };
                        axios.post('/smsOrganizationPoint/insertPoint', params).then(res => {
                        }).catch(error => {})
                    });
                    chart.on('update', function (sender , oldNode,newNode ) {
                        let params={
                            id:newNode.id,
                            name:newNode.name,
                            title:newNode.title,
                            type:type
                        };
                        axios.post('/smsOrganizationPoint/updatePoint', params).then(res => {

                        }).catch(error => {})

                    });
                    chart.on('remove', function (obj,id) {
                        console.log(id)
                        let params={
                          id:id
                        };
                        axios.post('/smsOrganizationPoint/deletePoint', params).then(res => {
                            console.log(res)

                        }).catch(error => {})

                    });
                    chart.editUI.on('field', function(sender, args){
                        if (args.name == "Add new field"){
                            return false;
                        }
                    });

            },