【问题标题】:Dygraph X-Axis Date and TimeDygraph X 轴日期和时间
【发布时间】:2013-10-11 17:54:34
【问题描述】:

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

【问题讨论】:

    标签: javascript dygraphs


    【解决方案1】:

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

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

    【讨论】:

    • 是的,请使用更合理的日期格式(可能是 ISO)。这只是意味着在您的日期中添加一个“-”,即“2013-05-10 14:00”。对“20130510”日期格式的支持是 dygraphs 中的一个历史错误,我想修复它。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-12-07
    • 2013-07-21
    • 1970-01-01
    • 2016-07-29
    • 2015-05-02
    相关资源
    最近更新 更多