Question

几天来，我一直在搜索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' }
  }            
  );

我得到了一个不受欢迎的结果，其中只有午夜数据点以平线连接每个24小时点。有点看起来像带有钉子的楼梯。所有的分辨率和细节都消失了。

但是，当数据输入为：

时

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

我得到了我想要的结果，很多分辨率，平滑过渡和大量细节。但这个数字将不再在IE中呈现。此外，使用javascript时，数据量似乎有记录限制。该怎么办？我需要精细的分辨率数据并在IE中渲染图形。我是一位经验丰富的研究员，但是“剪切和粘贴”业余编码员。我希望你能提供帮助。

Answer 1

我怀疑这是一个JavaScript日期/时间字符串解析问题：在第一个示例中，x数据字符串的时间部分被忽略，只有日期部分被解析。 CSV文件中的文本格式与第一个示例中的文本格式完全相同吗？（并使用文本编辑器，而不是Excel，来查看CSV文件！）

我理解Dygraphs包含它自己的日期/时间解析例程，但在哪种情况下使用哪个解析器，我不确定。但@danvk会知道！

Dygraph X轴日期和时间

1 个答案: