2016-11-30 35 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