Javascript Highcharts-如何使用多个xml文件在一个页面上显示多个图形

有没有办法在同一页上列出两个图表，每个图表都有其数据xml文件？我正在做的是从rrdtool生成xml文件，我想在一个页面上查看同一设备的所有图表

以下是适用于一个图表的代码：

test.html：

test.js

和XML文件-test.XML：

<?xml version="1.0" encoding="ISO-8859-1"?>

<xport>
  <meta>
    <start>1396030800</start>
    <step>300</step>
    <end>1396030800</end>
    <rows>4</rows>
    <columns>1</columns>
    <legend>
      <entry>cpu</entry>
    </legend>
  </meta>
  <data>
    <row><t>1396030800</t><v>2.8000000000e+01</v></row>
    <row><t>1396031100</t><v>2.9780000000e+01</v></row>
    <row><t>1396031400</t><v>3.1596666667e+01</v></row>
    <row><t>1396041600</t><v>NaN</v></row>
  </data>
</xport>

---

我遇到了同样的问题，刚刚解决了

在就绪功能之前：

  var chart;
  var chart1;

  $( document ).ready(function() {
   your code....

我创建了两个选项，每个选项渲染到不同的容器

options = {
chart: {
    renderTo: 'container',
    type: 'area',
},
options2 = {
chart: {
    renderTo: 'container2',
    type: 'area',
},

并使用下面的代码添加到不同的容器：

chart = new Highcharts.Chart(options);
chart1 = new Highcharts.Chart(options2);

然后在html中：

<div id="container">
<div id="container2">

希望这个简短的解释能有所帮助。如果您有什么不清楚的地方，请随时问我

---

干杯，

您想要两张单独的图表还是同一张图表上的两条线？两张不同的图表。例如，我试图从Cisco路由器获取统计数据，如一个图表上的CPU利用率和第二个图表上的外部接口输入/输出流量。为了你的流量再做一次。您面临的具体问题是什么？我不知道在哪里指定第二个xml文件的数据url。因此，在我的test.html中，有一行url:xml/test.xml，它呈现到CPU div中。我在哪里添加url:xml/test2.xml并将其呈现到网络接口的第二个div中？只需添加另一个div和另一个ajax调用以获取第二个文件，然后以与第一个文件相同的方式解析它。

chart = new Highcharts.Chart(options);
chart1 = new Highcharts.Chart(options2);

<div id="container">
<div id="container2">