Javascript 动态图形X轴日期和时间

Javascript 动态图形X轴日期和时间,javascript,dygraphs,Javascript,Dygraphs,几天来,我一直在Dygraph和其他网站上搜索,试图解决这个问题。我正在处理几个月来每隔20分钟记录的数据。示例如下: function data_tempnew() { return "" + "Date,VWC,TEMP\n" + "20130510 14:00,0.25;0.24;0.35,20.5;21.1;20.1\n" + . . . "20130930 15:40,0.26;0.23;0.30,19.1;18.8;18.5\n" + ; } 使用以下HTML: <scri

几天来,我一直在Dygraph和其他网站上搜索,试图解决这个问题。我正在处理几个月来每隔20分钟记录的数据。示例如下:

function data_tempnew() {
return "" +
"Date,VWC,TEMP\n" +
"20130510 14:00,0.25;0.24;0.35,20.5;21.1;20.1\n" +
. . . 
"20130930 15:40,0.26;0.23;0.30,19.1;18.8;18.5\n" +
;
}
使用以下HTML:

<script type="text/javascript">
  g1 = new Dygraph(
  document.getElementById("noroll"),
  data_tempnew,
  {

      rollperiod: 14,
      series:{"VWC":{axis:'y2'},},
      customBars: false,
      title: 'Logged Average Soil Temperature and Volumetric Water Content ',
      ylabel: 'Temperature (C)',
      y2label: 'Volumetric Water Content',
      legend: 'always',
      labelsDivStyles: { 'textAlign': 'right' }
  }            
  );

g1=新动态图(
document.getElementById(“noroll”),
数据更新,
{
展期:14,
系列:{“VWC”:{轴:'y2'},},
海关:错,
标题:“记录的平均土壤温度和体积含水量”,
ylabel:“温度(C)”,
y2label:‘体积含水量’,
传说:“永远”,
labelsDivStyles:{'textAlign':'right'}
}            
);
我得到了一个不理想的结果,即只有午夜数据点用扁平线连接每个24小时点。看起来有点像带钉子的楼梯。所有的分辨率和细节都消失了

但是,当数据输入为:

<script type="text/javascript">
      g1 = new Dygraph(
          document.getElementById("noroll"),
          “datatemp.csv”,
          { . . .

g1=新动态图(
document.getElementById(“noroll”),
“datatemp.csv”,
{ . . .

我得到了我想要的结果,很多分辨率,平滑过渡和细节加载。但是图形将不再在IE中呈现。而且,在使用javascript时,似乎对数据量有记录限制。在这里怎么办?我需要高分辨率的数据,并在IE中呈现图形。我是一名经验丰富的研究人员,但我不知道“剪切并粘贴”业余编码器。希望您能提供帮助。

我怀疑这是一个JavaScript日期/时间字符串解析问题:在第一个示例中,x数据字符串的时间部分被忽略,只有日期部分被解析。CSV文件中的文本格式是否与第一个示例中的文本完全相同?(并使用文本编辑器(而不是Excel)查看CSV文件!)


我知道动态图包含自己的日期/时间解析例程,但我不确定在哪种情况下使用哪个解析器。但是@danvk会知道的!

是的,请使用更合理的日期格式(可能是ISO)。这只是意味着在日期中添加“-”,即“2013-05-10 14:00”。支持“20130510”日期格式是动态图中的一个历史错误,我想修正一下。