图形不适用于AJAX数据

时间:2013-11-12 23:41:53

标签: jquery ajax dygraphs

我遇到了动态获取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解决方案。

0 个答案:

没有答案