Javascript 我想在基于JSON对象的mxGraph中添加圆角矩形

Javascript 我想在基于JSON对象的mxGraph中添加圆角矩形,javascript,jquery,json,xml,mxgraph,Javascript,Jquery,Json,Xml,Mxgraph,我想在基于JSON对象的mxGraph中添加圆角矩形。我有一个JSON对象,通过它我想相应地更新mxGraph工具栏对象。在我的JSON对象中,我想在此基础上更新mxGraph 这是我的jQuery代码,我想通过它更新mxGraph工具栏: function LoadWorkFlow(key, toolbarOptions, content) { var $xml = ""; $.ajax({ type: "GET", url: "

我想在基于JSON对象的mxGraph中添加圆角矩形。我有一个JSON对象,通过它我想相应地更新mxGraph工具栏对象。在我的JSON对象中,我想在此基础上更新mxGraph

这是我的jQuery代码,我想通过它更新mxGraph工具栏:

function LoadWorkFlow(key, toolbarOptions, content) {
var $xml = "";
$.ajax({
    type: "GET",
    url: "./config/diagrameditor.xml",
    async: false,
    dataType: "xml",
    success: function (d) {
        console.log(d);
        // var xmldoc = $.parseXML(d);
        $xml = $(d);

    }
});

$xml = $xml.find("mxEditor");
console.log($xml);
var $Array = $xml.find("Array");
var $add = $($Array).find("add")[0];
$added = $($add).clone();
console.log($added.html());
$.each(toolbarOptions, function (i, toolbarButton) {
    var name = "";
    var type = "";
    if (typeof (toolbarButton) == "string") {
        name = toolbarButton;
        type = "RoundRect";
    } else {
        name = toolbarButton.name;
        type = toolbarButton.type;
    }
});
$xml.find("Array").html($Array.html());

var container = document.getElementById("graph");
var toolbar = document.getElementById('toolbar');
var graph = new mxGraph(container);
var $root = $xml.find("add");
console.log($($add)[0].outerHTML);
var diagram = mxUtils.parseXml($($root)[0].outerHTML);
var codec = new mxCodec(diagram);
var $toolbar = $xml.find("mxDefaultToolbar");
codec.decode(diagram.documentElement, graph.getModel());
graph.fit();

createEditor('./config/diagrameditor.xml');
}

$(document).ready(function () {

  var toolbarOptions = ["Purchase", "Sale", "Quality"];
  LoadWorkFlow("", toolbarOptions, "");
}
这是我的JSON示例。据此,我想用圆角矩形更新我的mxGraph工具栏:

[{
    "reportingDepartment": "guardFile",
    "departmentName": "2",
    "designationHeadDepartment": "sdf"
},

{
    "reportingDepartment": "purchase",
    "departmentName": "3",
    "designationHeadDepartment": "ert"
}]
这是我的XML图表编辑器。我想通过jQuery更新
和下面的标签内容

<Array as="templates">
    <add as="group">
        <Group label="" href="">
            <mxCell vertex="1" style="group" connectable="0"/>
        </Group>
    </add>
    <add as="connector">
        <Connector label="" href="">
            <mxCell edge="1">
                <mxGeometry as="geometry" relative="1"/>
            </mxCell>
        </Connector>
    </add>
  </Array>