Горизонтальная линия для отображения среднего на графике

Question

Я пытаюсь добавить горизонтальную линию к графику, который уже показывает мои данные временных рядов.

У меня есть среднее из полных данных, которые я хочу показать в виде статической горизонтальной линии на графике.

Кто-нибудь знает, как это сделать просто.

Я уже проверил следующие ссылки: http://dygraphs.com/tests/highlighted-region.html источник просмотра: http://dygraphs.com/tests/crosshair.html

Там должно быть какое-то простое решение этого

Answer 1

Как упоминалось ранее, попробуйте указать "underlayCallback" вариант в вашем "new Dygraph()" вызов. Используйте контекст 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();       
 }});

Answer 2

Ваши варианты: либо использовать обратный вызов подкладки (аля http://dygraphs.com/tests/highlighted-region.html), либо добавить второй постоянный ряд данных.