2016-11-30 60 views
0

我一直在使用DyGraphs很短的时间,并且它能很好地显示图形,并且似乎可以像预期的那样使用来自温度传感器的不同数据。 我遇到麻烦的是试图创建和开关类型图,我检测到开关打开或关闭。我试图看写自定义绘图仪,但很快停下来,因为找不到任何我可以使用的命令等参考。无法使用DyGraph创建开关图?

作为一个简单的例子,可以说我有4个数据值,名为d1,d2,d3,d4。 这些按顺序是0,1,0,0或关闭,打开,关闭,关闭。 我不想要的是从一个角度从d1,0到d2,1的线。我希望它保持0,直到在d1处改变,然后垂直到1,依此类推。

任何帮助引导我在正确的方向,将不胜感激。

回答

0

尝试使用stepPlot option

g = new Dygraph(
 
    document.getElementById("graph"), 
 
    "t,d1,d2,d3\n" + 
 
    "1,0,0,0\n" + 
 
    "2,1,0,0\n" + 
 
    "3,0,1,0\n" + 
 
    "4,0,0,1\n" + 
 
    "5,1,0,1\n" + 
 
    "6,0,1,0\n" + 
 
    "7,1,1,1\n" + 
 
    "8,0,0,0\n", 
 
    { 
 
    legend: 'always', 
 
    title: 'On/Off Chart', 
 
    valueRange: [0, 1.5], 
 
    stepPlot: true // <---- 
 
    });
#graph { 
 
    width: 500px; 
 
    height: 150px; 
 
}
<script src="http://dygraphs.com/dygraph-dev.js"></script> 
 

 
<div id="graph"></div>

+0

感谢danvk,按预期工作居多。我最终编写了一个php函数,该函数使用合适的1和0来填充数据,这很好地运行。步骤图看起来略有不同,没有垂直图线,但它是完全可以接受的。我在哪里可以找到这样的命令列表? – gjt211

+0

http://dygraphs.com/options.html – danvk

+0

感谢danvk指出,我已经花了相当多的时间在该页面上,但不知何故设法不看到该选项。 – gjt211