Chr*_*ldt 5 javascript xml jquery highcharts
我试图使用jQuery从xml源填充高图系列.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>
Run Code Online (Sandbox Code Playgroud)
我的方法是使用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);
}
});
Run Code Online (Sandbox Code Playgroud)
我最终收到以下错误:
意外值NaN解析y属性
我创建了一个JSFiddle来演示代码:http://jsfiddle.net/GN56f/
除了跨域问题之外,该错误是由于绘图选项中存在现有的空系列造成的。选项中的初始系列应设置为:
series: []
Run Code Online (Sandbox Code Playgroud)
代替:
系列:[{名称:'温度',数据:[]}]
随后的调用options.series.push(series);
仅添加一个新系列,而空系列保持不变。