在dygraph中顯示平均值的水平線

Question

我想爲已經顯示我的時間序列數據的dygraph添加一條水平線。

我有我想在dygraph上顯示爲靜態水平線的完整數據的平均值。

有誰知道如何做到這一點。

我已經檢查以下鏈接： http://dygraphs.com/tests/highlighted-region.html 查看源代碼：http://dygraphs.com/tests/crosshair.html

必須有一些簡單的解決這個

Answer 1

你的選擇是要麼用的墊板回調（ALA http://dygraphs.com/tests/highlighted-region.html）或增加第二個恆定的數據系列。

Answer 2

作爲danvk mentioned before，請嘗試在"new Dygraph()"調用中指定"underlayCallback"選項。使用HTML Canvas上下文繪製線條。

實施例下面： （XMIN和XMAX以毫秒爲單位的Unix紀元時間）

var yavg= 50, xmin=1357016400000, xmax=1359694800000; 
new Dygraph(document.getElementById('graph1'), data,{ 
    (....other options....), 
    underlayCallback:function(ctx,area,dygraph){  
    var xl = dygraph.toDomCoords(xmin,yavg); 
    var xr = dygraph.toDomCoords(xmax,yavg); 
    ctx.strokeStyle= 'green'; 
    ctx.beginPath(); 
    ctx.moveTo(xl[0],xl[1]); 
    ctx.lineTo(xr[0],xr[1]); 
    ctx.closePath(); 
    ctx.stroke();  
}});