我遇到了动态获取dygraph数据的问题。
我的代码看起来像
var SensorID=$('.sensor-selected').attr('title');
var Sensor_Name=$('.sensor-selected').attr('name');
var Sensor_Type=$('.sensor-selected').attr('typ');
var begin=$('#fromdate').val();
var end=$('#todate').val();
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
g = new Dygraph(
document.getElementById("graph"),
"file.csv", //change with xmlhttp.responseText
{
labels:["Date",Sensor_Type],
title: Sensor_Name,
ylabel: Sensor_Type,
legend: 'always',
labelsDivStyles: { 'textAlign': 'right' },
showRangeSelector: true,
xAxisLabelWidth: 80,
xValueFormatter: Dygraph.dateString_,
axes: {
x: {
ticker: function (a, b, pixels, opts, dygraph, vals) {
return Dygraph.getDateAxis(a, b, Dygraph.DECADAL, opts, dygraph);
},
axisLabelFormatter: function (val, granularity, opts, dygraph) {
return formatDate(toDateTime(val));
}
}},
xValueParser: function(x) { return 1000*parseInt(x); },
xTicker: Dygraph.dateTicker
}
);
}
}
xmlhttp.open("GET","fetcher.php?SensorID="+SensorID+"&begin="+begin+"&end="+end,true);
xmlhttp.send();
}
如果我用xmlhttp.responseText更改csv文件,代码将疯狂。 有时候说列的nr不等于没有标签或显示yAxis没有定义或“2013-11-11”没有被解析为日期。
相反。 如果我以静态方式放置Ajax响应,它就会接受它。
我尝试过很多格式,比如“2013-11-11 12:22:22,22 \ n”+ .... 或没有引号或没有\ n。什么都行不通。
我缺少什么?我再说一遍,对于像引用的静态数据一样,一切都好。
也许你可以建议一个jquery解决方案。