javascript - AngularJS xml 数据到图表的 json 数据(已编辑)

Question

我在将一些 xml 数据转换为预期格式的 json 数据时遇到问题。我对所有这些技术都很陌生，而且我在网上找到的资源对我来说很难解读。使用我在 plnkr 中制作的应用程序，我可以获取 data.json 文件中的数据，并使用它通过图表库创建图表。我在 data.xml 文件中有 xml - 我认为它的格式正确，以便转换为所需格式的 json。如何使用 x2js 库将 xml 转换为 json 并将其实现到我的图表中？我已经被困在这个问题上有一段时间了，一直无法弄清楚如何让它发挥作用。

目前，应用程序采用 data.json 文件并将其实现到图表的数据中。获取 xml 并执行相同操作的最简单方法是什么？

编辑:我已经更新了我的 plnkr我尝试将 xml 数据转换为 json。我什至尝试简单地以 json 形式打印出最终数据 - 如果 xml 转换为 json，但什么也没有出现。我输入了一个 x2js.js 文件，其中包含我在服务中使用的转换所需的库函数。我收到以下错误:

     ReferenceError: data is not defined
at new <anonymous> (script.js:38)
at invoke (code.angularjs.org/1.2.2/angular.js:3641)
at Object.instantiate (code.angularjs.org/1.2.2/angular.js:3653)
at code.angularjs.org/1.2.2/angular.js:6684
at code.angularjs.org/1.2.2/angular.js:6097
at forEach (code.angularjs.org/1.2.2/angular.js:307)
at nodeLinkFn (code.angularjs.org/1.2.2/angular.js:6084)
at compositeLinkFn (code.angularjs.org/1.2.2/angular.js:5550)
at compositeLinkFn (code.angularjs.org/1.2.2/angular.js:5553)
at publicLinkFn (code.angularjs.org/1.2.2/angular.js:5458)

如果有人能帮助我，我将不胜感激。

Answer 1

好的，您这里有几个问题:

XML:

我获取了您的一小部分数据并尝试找出问题所在:

<Header Name="TOP 5 AUDITORS BY INDUSTRY"><series>Industry_count</series><series>AuditFees</series><data><x>ERNST & YOUNG LLP</x><y>298</y><y>12567000</y></data></Header>

x2js 似乎不喜欢 xml 中的 & 。基本上，使用字符串 ERNST & YOUNG 你就破坏了 x2js 内部试图做的任何事情。

x2js.xml_str2json('<Header Name="TOP 5 AUDITORS BY INDUSTRY"><series>Industry_count</series><series>AuditFees</series><data><x>ERNST & YOUNG LLP</x><y>298</y><y>12567000</y></data></Header>')

不起作用，而

x2js.xml_str2json('<Header Name="TOP 5 AUDITORS BY INDUSTRY"><series>Industry_count</series><series>AuditFees</series><data><x>ERNST YOUNG LLP</x><y>298</y><y>12567000</y></data></Header>')

工作并给出一个 JS 对象作为输出。第二个中唯一缺少的是 &。

代码:

我还删除了 getData 函数，并停止将 data 变量传递到服务中(您还没有数据，这就是您调用该服务的原因)。还添加了一个成功处理程序来设置范围变量。

完全固定的工作 plnkr 在这里: http://plnkr.co/edit/uCLy42wnELYKq8S1DjYs?p=preview