Current section
Files
Jump to
Current section
Files
web/static/js/socket.js
import {Socket, LongPoller} from "phoenix"
import Rickshaw from "rickshaw"
class App {
static init(){
let socket = new Socket("/socket")
let graph = new Rickshaw.Graph({
element: document.querySelector("#graph"),
renderer: 'area',
stroke: true,
series: new Rickshaw.Series.FixedDuration([{
name: 'finished', color: 'steelblue'
},
{
name: 'failed', color: 'lightcoral'
}], undefined, {
timeInterval: 1000,
maxDataPoints: 120,
timeBase: new Date().getTime() / 1000
})
})
var hoverDetail = new Rickshaw.Graph.HoverDetail( {
graph: graph,
xFormatter: function(x) {
return new Date(x * 1000).toString()
},
yFormatter: function(y) {
return parseInt(y)
}
})
socket.connect()
var chan = socket.channel("rooms:jobs", {})
chan.join()
chan.on("job:stats", msg => {
graph.series.addData(msg)
graph.render()
})
}
}
$( () => App.init() )
export default App