时间戳

首页 > 解决方案 > 如何使用 javascript、php 在 mxgraph 中的工作流编辑器中使用 xml 数据绘制图形

javascript - 如何使用 javascript、php 在 mxgraph 中的工作流编辑器中使用 xml 数据绘制图形

问题描述

如何在工作流编辑器中绘制图形，该示例使用 xml 数据随 mxgraph（工作流编辑器示例）一起提供。是否可以在xml中加载数据？我的 XML 字符串

var xml_string='
     <mxGraphModel>
        <root>
            <Workflow label="MyWorkflow" description="" href="" id="0">
                <mxCell />
            </Workflow>
            <Layer label="Default Layer" id="1">
                <mxCell parent="0" />
            </Layer>
            <Task label="Task" description="" href="" id="3">
                <mxCell vertex="1" parent="1">
                    <mxGeometry x="220" y="80" width="72" height="32" as="geometry" />
                </mxCell>
            </Task>
            <Edge label="" description="" id="5">
                <mxCell edge="1" parent="1" source="3" target="4">
                    <mxGeometry relative="1" as="geometry" />
                </mxCell>
            </Edge>
        </root>
    </mxGraphModel>';

<!-- end snippet -->

标签： javascriptphpmxgraph

解决方案

我不确定你要什么。如果要绘制加载 xml 字符串的图形，可以使用以下代码：

        var container = document.getElementById("your-div-element-id");;

    var xml = '<xml .....   />';
    var graph = new mxGraph(container);
    var diagram = mxUtils.parseXml(xml);
    var codec = new mxCodec(diagram);
    codec.decode(diagram.documentElement, graph.getModel());
    graph.fit();

如果我没有满足您的需求，请澄清并告诉我。再见马可

推荐阅读