Javascript 动态图形X轴日期和时间
几天来,我一直在Dygraph和其他网站上搜索,试图解决这个问题。我正在处理几个月来每隔20分钟记录的数据。示例如下: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
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”日期格式是动态图中的一个历史错误,我想修正一下。