48 lines
1.4 KiB
Plaintext
48 lines
1.4 KiB
Plaintext
<% include header %>
|
|
|
|
<h1></h1>
|
|
<p>bitminer</p>
|
|
<div id="chart" style="height:500px"></div>
|
|
<link rel="stylesheet" type="text/css" href="/components/rickshaw/rickshaw.css" />
|
|
<script src="/components/moment/min/moment.min.js"></script>
|
|
<script src="/components/d3/d3.min.js"></script>
|
|
<script src="/components/rickshaw/rickshaw.min.js"></script>
|
|
<script src="/components/underscore/underscore-min.js"></script>
|
|
<script src="/components/jquery/jquery.min.js"></script>
|
|
<script>
|
|
var data = []
|
|
var graph = new Rickshaw.Graph({
|
|
element: document.querySelector("#chart"),
|
|
renderer: 'line',
|
|
series: [{
|
|
data: data,
|
|
//data: [ { x: parseInt(moment.utc('2017-01-01 10:01').format('X')), y: 20 }, { x: parseInt(moment.utc('2017-01-01 11:00').format('X')), y: 60 }],
|
|
color: 'steelblue'
|
|
}]
|
|
});
|
|
var yAxis = new Rickshaw.Graph.Axis.Y({
|
|
graph: graph,
|
|
tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
|
|
ticksTreatment: "glow"
|
|
});
|
|
var addData = function(){
|
|
|
|
data.length = 0
|
|
calculatedData = _.chain(sampleData)
|
|
.map(function(data){
|
|
return {x: parseInt(moment.utc(data.date).format('x')), y: data.value}
|
|
})
|
|
.sortBy(function(mappedObj){return mappedObj.x;}).value();
|
|
_.each(calculatedData, function(item){data.push(item)});
|
|
graph.update();
|
|
|
|
}
|
|
new Rickshaw.Graph.Axis.Time({
|
|
graph: graph
|
|
});
|
|
|
|
graph.render();
|
|
|
|
</script>
|
|
<% include footer %>
|