javascript - 使用 jQuery 从 XML 加载 Highcharts 系列

Question

我正在尝试使用 jQuery 从 xml 源填充 Highcharts 系列。 XML 文件是从 RRDTool 导出的，格式如下:

<data>
<row><t>1347559200</t><v>2.1600000000e+01</v></row>
<row><t>1347562800</t><v>2.1504694630e+01</v></row>
<row><t>1347566400</t><v>2.1278633024e+01</v></row>
.
.
.
</data>

我的方法是使用 jQuery 加载数据并将系列推送到图表:

$.ajax({
      type: "GET",
      url: "data/data.xml",
      dataType: "xml",
      success: function(xml) {
        var series = {  data: []
                    };

        $(xml).find("row").each(function()
        {
            var t = parseInt($(this).find("t").text())*1000
            var v = parseFloat($(this).find("v").text())
            series.data.push([t,v]);
        });
        options.series.push(series);
      }
  });

我最终得到以下错误:

Unexpected value NaN parsing y attribute

我创建了一个 JSFiddle 来演示代码:http://jsfiddle.net/GN56f/

Answer 1

除了跨域问题之外，错误是由于绘图选项中存在现有的空系列。选项中的初始系列应设置为:

series: []

代替:

系列:[{ 名称:'温度'， 数据: [] }]

随后调用 options.series.push(series); 只是添加一个新系列，而空系列保持不变。