2013-10-10 215 views
0

幾天來,我通過Dygraph和網絡的其他人試圖解決這個問題。我正在以20分鐘的間隔記錄數月的數據。下面的實施例:Dygraph X軸日期和時間

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中呈現圖形。我是一位經驗豐富的研究員,但是「剪切和粘貼」業餘編碼器。我希望你能幫忙。

回答

1

我懷疑這是JavaScript日期/時間字符串解析問題:在第一個示例中,x數據字符串的時間部分被忽略,只有日期部分被解析。 CSV文件中的文本格式是否與第一個示例中的文本完全相同? (並使用文本編輯器,而不是Excel,查看CSV文件!)

我知道Dygraphs包含它自己的日期/時間解析例程,但是在哪種情況下使用哪個解析器,我不確定。但@danvk會知道!

+2

是的,請使用更明智的日期格式(可能是ISO)。這只是在您的日期添加「 - 」,即「2013-05-10 14:00」。支持「20130510」日期格式是我想解決的dygraph中的歷史錯誤。 – danvk