如何在Dygraph中绘制第二个自定义数据点

How do I chart the a second custom data point in Dygraphs?

本文关键字:第二个 自定义 数据 绘制 Dygraph      更新时间:2023-09-26

我很喜欢Dygraph,但在设置第二点的字符串值时遇到了问题。我试着把它制作成一个日期,但我宁愿保留我自己的日期和时间的自定义格式。

我的简单图表是

new Dygraph(document.getElementById("graphdiv"),
            dataload
          ,
          {
            labels: [ "x", "A" ],
            title: 'Point',
            ylabel: 'Value in Eng Units',
            xlabel: 'Time & Date'
          });

将数据提供给数据负载的代码是

i = 0
while ( i < 100){
datappointvalue = [ archivetime[i], archivevalue[i] ]  ;    
dataload.push(datapidvalue);
}

正如您所猜测的,archivetime和archivevalue是我填充的数组。archivetime的格式为字符串"22-MAR-2016 20:20:41.26"archivevalue的格式为decimal/int"144.32"。

我的图表总是显示为this-它将始终获取archivevalue的值,但永远不会获取archivetime的值。

因此,问题最终是如何显示我的第二个值,即日期和时间。我宁愿不必将我的存档重新格式化为其他内容,但如果有必要,可以这样做。

谢谢!

我已经想通了。

我没有意识到x轴必须是特定的日期格式,并且必须在代码中使用new date()。

所以我的代码现在是

i = 0
while ( i < 100){
datappointvalue = [ new date(archivetime[i]), archivevalue[i] ]  ;    
dataload.push(datapidvalue);
}

其中archivetime[i]现在的格式为"2016/3/17 20:20:41",如http://dygraphs.com/data.html

感谢