RanchiMall/php-mpos
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better visualize our hashrate graph

Browse Source 
* Do not pre-init the data graph
* Fill with new data as it arrives
This commit is contained in:
Sebastian Grewe 2013-09-15 01:38:42 +02:00
parent 8add7f75c4
commit 917aeace49
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
public/templates/test/dashboard/graph.tpl
View File

@ -19,8 +19,10 @@
$(document).ready(function(){ $(document).ready(function(){
$.jqplot.config.enablePlugins = true; $.jqplot.config.enablePlugins = true;
// Ajax API URL
var url = "{/literal}{$smarty.server.PHP_SELF}?page=api&action=getuserhashrate&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}"; var url = "{/literal}{$smarty.server.PHP_SELF}?page=api&action=getuserhashrate&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}";
var storedData = Array();
// jqPlit defaults
var jqPlotOptions = { var jqPlotOptions = {
grid: { drawBorder: false, background: '#fbfbfb', shadow: false }, grid: { drawBorder: false, background: '#fbfbfb', shadow: false },
seriesDefaults:{ seriesDefaults:{
@ -33,39 +35,43 @@ $(document).ready(function(){
color: '#26a4ed', color: '#26a4ed',
lineWidth: 4, lineWidth: 4,
trendline: { color: '#d30000', lineWidth: 1.0, label: 'average', shadow: true }, trendline: { color: '#d30000', lineWidth: 1.0, label: 'average', shadow: true },
markerOptions: { show: false, size: 8}, markerOptions: { show: true, size: 8},
rendererOptions: { smooth: true } rendererOptions: { smooth: true }
}, },
legend: { show: true }, legend: { show: true },
title: 'Hashrate', title: 'Hashrate',
axes: { axes: {
yaxis:{ min:0, padMin: 0, padMax: 1.5, label: '{/literal}{$GLOBAL.hashunits.personal}{literal}', labelRenderer: $.jqplot.CanvasAxisLabelRenderer}, yaxis:{ min: 0, padMin: 0, padMax: 1.5, label: '{/literal}{$GLOBAL.hashunits.personal}{literal}', labelRenderer: $.jqplot.CanvasAxisLabelRenderer},
xaxis:{ min:0, max: 60, tickInterval: 10, padMax: 0, label: 'Minutes', labelRenderer: $.jqplot.CanvasAxisLabelRenderer} xaxis:{ tickInterval: {/literal}{$GLOBAL.config.statistics_ajax_refresh_interval}{literal}, label: 'Time', labelRenderer: $.jqplot.CanvasAxisLabelRenderer, renderer: $.jqplot.DateAxisRenderer, tickOptions: { formatString: '%T' } }
}, },
}; };
// Init empty graph with 0 data // Init empty graph with 0 data
for (var i = 0; i < 60; i++) { storedData[i] = [i, 0] } $.jqplot('hashrategraph', [[[]]], jqPlotOptions);
$.jqplot('hashrategraph', [storedData], jqPlotOptions);
// Store our data globally
var storedData = Array();
// Fetch current datapoint as initial data // Fetch current datapoint as initial data
var d = new Date();
$.ajax({ $.ajax({
url: url, url: url,
dataType: "json", dataType: "json",
success: function(data) { success: function(data) {
storedData[d.getMinutes()] = [d.getMinutes(), data.getuserhashrate.hashrate]; storedData[storedData.length] = [new Date().getTime(), data.getuserhashrate.hashrate];
$.jqplot('hashrategraph', [storedData], jqPlotOptions).replot(); $.jqplot('hashrategraph', [storedData], jqPlotOptions).replot();
} }
}); });
// Update graph // Update graph
setInterval(function() { setInterval(function() {
var d = new Date();
$.ajax({ $.ajax({
url: url, url: url,
dataType: "json", dataType: "json",
success: function(data) { success: function(data) {
storedData[d.getMinutes()] = [d.getMinutes(), data.getuserhashrate.hashrate]; console.log(storedData.length);
// Start dropping out elements
if (storedData.length > 60) { storedData.shift(); }
storedData[storedData.length] = [new Date().getTime(), data.getuserhashrate.hashrate];
$.jqplot('hashrategraph', [storedData], jqPlotOptions).replot(); $.jqplot('hashrategraph', [storedData], jqPlotOptions).replot();
} }
}); });