javascript - 读取/解析 mxgraph 中的自定义 Xml

Question

我有从第三方应用程序创建的自定义 xml，它是有关电子数据的数据(图表)。现在我想在 mxgraph 中重写相同的数据。
请查找第三方应用程序的示例xml

    <component type="Rerror" mirrored="0" typeid="57" nodematch="0" macrotype="2" position="280,260" orientation="0">
  <parameter idx="0" encrypted="0">
data unrelated to drawing here
  </parameter>
  <image>
    <hotzone points="60,-10,-60,10"/>
    <shape type="line" width="1" color="#0000ff" points="60,0,40,0"/>
    <shape type="line" width="1" color="#0000ff" points="40,0,30,-10"/>
    <shape type="line" width="1" color="#0000ff" points="30,-10,10,10"/>
    <shape type="line" width="1" color="#0000ff" points="10,10,-10,-10"/>
    <shape type="line" width="1" color="#0000ff" points="-10,-10,-30,10"/>
    <shape type="line" width="1" color="#0000ff" points="-30,10,-40,0"/>
    <shape type="line" width="1" color="#0000ff" points="-40,0,-60,0"/>
    <legend text="0.332 MOhm" position="-36,20" orientation="0" fontname="Arial" fontsize="12" bold="0" italic="0" color="#229922"/>
    <pin position="-60,0" dir="0" length="0" text="6"/>
    <pin position="60,0" dir="0" length="0" text="3"/>
    <label text="Rerror" position="250,236" textroot=" " orientation="0" color="#228822"/>
  </image>
</component>

上面的 xml 必须使用 mxgraph 进行解析和重绘。哪里

• 组件:是特定单元的整体图像(可以有很多组件

• 参数:应忽略此部分

• 图像:图像部分包含必须在图表中绘制的 x、y 坐标的数据

我正在阅读 mxgraph 用户指南，而且我是 mxgraph 的新手。我能够使用 "mxUtils.parseXml('location')"看到 xml 的正常用法请帮助我如何解析自定义文件

Answer 1

mxGraph 不支持开箱即用的自定义 xml 支持。事实上没有这样的工具可以将自定义转换为 mxGraph 可读的 xml。最近，我们尝试使用 xsd 将自定义 xml 转换为图表。使用 xsd 方法是处理 xml 的更好方法。尝试以下步骤

• 如果您的自定义 xml 有 xsd，则可以从中创建 java 类。(您的 xml 看起来更简单，如果您没有 xsd，则可以创建它)。
• 从互联网上获取mxGraph xsd。(虽然他们官方没有发布任何xsd，但互联网上有可用的版本)。
• 从自定义 xml java 类中读取数据并将其填充到 mxGraph-xml-java 类中。

就这么简单。