Moving line

moving-line.js

var line = require('lightning-line')

var el = document.body.appendChild(document.createElement('div'))

var i = 0
var xCoords =  new Array(100).fill(0);
var yCoords = new Array(100).fill(0);

var interval = 100

var options = {
   "zoom": false
}

var viz = new line(el, {
   series: yCoords,
   index: xCoords,
   xaxis: 'time (s)',
   ylim: [0, 1],
   xlim: [-5, 0]
 }, [], options)

setInterval(function () {
  yCoords.push(Math.random()) 
  xCoords.push(i*interval/1000)
  yCoords.shift()
  xCoords.shift()
  
  viz.updateData({
      series: yCoords,
      index: xCoords,
      ylim: [0, 1],
      xlim: [-5+i*interval/1000, i*interval/1000]
  })
  viz.updateAxis()
  
  i++
}, interval)

Update now supports setting of the axes

Revision #4 now uses 'xlim' and 'ylim' feature of lightning-line