0

几天来,我一直在搜索 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 中呈现图形。我是一位经验丰富的研究人员,但“剪切和粘贴”业余编码员。我希望你能帮忙。

4

1 回答 1

1

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

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

于 2013-10-11T09:54:34.477 回答