146 lines
5.5 KiB
JavaScript
146 lines
5.5 KiB
JavaScript
(function($) {
|
|
"use strict";
|
|
setTimeout(function(){
|
|
$("#line-chart-sparkline").sparkline([5, 10, 20, 14, 17, 21, 20, 10, 4, 13,0, 10, 30, 40, 10, 15, 20], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '100%',
|
|
tooltipClassname: 'chart-sparkline',
|
|
lineColor: vihoAdminConfig.primary,
|
|
fillColor: 'rgba(36, 105, 92, 0.40)',
|
|
highlightLineColor: vihoAdminConfig.primary,
|
|
highlightSpotColor: vihoAdminConfig.primary,
|
|
targetColor: vihoAdminConfig.primary,
|
|
performanceColor: vihoAdminConfig.primary,
|
|
boxFillColor: vihoAdminConfig.primary,
|
|
medianColor: vihoAdminConfig.primary,
|
|
minSpotColor: vihoAdminConfig.primary
|
|
});
|
|
});
|
|
var mrefreshinterval = 500;
|
|
var lastmousex = -1;
|
|
var lastmousey = -1;
|
|
var lastmousetime;
|
|
var mousetravel = 0;
|
|
var mpoints = [];
|
|
var mpoints_max = 30;
|
|
$('body').mousemove(function(e) {
|
|
var mousex = e.pageX;
|
|
var mousey = e.pageY;
|
|
if (lastmousex > -1)
|
|
mousetravel += Math.max(Math.abs(mousex - lastmousex), Math.abs(mousey - lastmousey));
|
|
lastmousex = mousex;
|
|
lastmousey = mousey;
|
|
});
|
|
var mdraw = function() {
|
|
var md = new Date();
|
|
var timenow = md.getTime();
|
|
if (lastmousetime && lastmousetime != timenow) {
|
|
var pps = Math.round(mousetravel / (timenow - lastmousetime) * 1000);
|
|
mpoints.push(pps);
|
|
if (mpoints.length > mpoints_max)
|
|
mpoints.splice(0, 1);
|
|
mousetravel = 0;
|
|
|
|
var mouse_wid = $('#mouse-speed-chart-sparkline').parent('.card-block').parent().width();
|
|
var a = mpoints - mouse_wid;
|
|
$('#mouse-speed-chart-sparkline').sparkline(mpoints, {
|
|
width: '100%',
|
|
height: '100%',
|
|
tooltipClassname: 'chart-sparkline',
|
|
lineColor: vihoAdminConfig.primary,
|
|
fillColor: 'rgba(36, 105, 92, 0.40)',
|
|
highlightLineColor: vihoAdminConfig.primary,
|
|
highlightSpotColor: vihoAdminConfig.primary,
|
|
targetColor: vihoAdminConfig.primary,
|
|
performanceColor: vihoAdminConfig.primary,
|
|
boxFillColor: vihoAdminConfig.primary,
|
|
medianColor: vihoAdminConfig.primary,
|
|
minSpotColor: vihoAdminConfig.primary
|
|
});
|
|
}
|
|
lastmousetime = timenow;
|
|
mtimer = setTimeout(mdraw, mrefreshinterval);
|
|
}
|
|
var mtimer = setTimeout(mdraw, mrefreshinterval);
|
|
$.sparkline_display_visible();
|
|
$("#custom-line-chart").sparkline([5, 30, 27, 35, 30, 50, 70], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '100%',
|
|
tooltipClassname: 'chart-sparkline',
|
|
chartRangeMax: '50',
|
|
lineColor: vihoAdminConfig.primary,
|
|
fillColor: 'rgba(36, 105, 92, 0.40)',
|
|
highlightLineColor: 'rgba(101, 90, 243, 0.40)',
|
|
highlightSpotColor: 'rgba(101, 90, 243, 0.8)'
|
|
});
|
|
$("#custom-line-chart").sparkline([0, 5, 10, 7, 25, 20, 30], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '100%',
|
|
composite: '!0',
|
|
tooltipClassname: 'chart-sparkline',
|
|
chartRangeMax: '40',
|
|
lineColor: vihoAdminConfig.secondary,
|
|
fillColor: 'rgba(186, 137, 93, 0.30)',
|
|
highlightLineColor: 'rgba(186, 137, 93, 0.30)',
|
|
highlightSpotColor: 'rgba(186, 137, 93, 0.8)'
|
|
});
|
|
})(jQuery);
|
|
|
|
var sparkline_chart = {
|
|
init: function() {
|
|
setTimeout(function(){
|
|
$("#simple-line-chart-sparkline").sparkline([5, 10, 20, 14, 17, 21, 20, 10, 4, 13,0, 10, 30, 40, 10, 15, 20], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '100%',
|
|
tooltipClassname: 'chart-sparkline',
|
|
lineColor: vihoAdminConfig.primary,
|
|
fillColor: 'transparent',
|
|
highlightLineColor: vihoAdminConfig.primary,
|
|
highlightSpotColor: vihoAdminConfig.primary,
|
|
targetColor: vihoAdminConfig.primary,
|
|
performanceColor: vihoAdminConfig.primary,
|
|
boxFillColor: vihoAdminConfig.primary,
|
|
medianColor: vihoAdminConfig.primary,
|
|
minSpotColor: vihoAdminConfig.primary
|
|
});
|
|
}), $("#bar-chart-sparkline").sparkline([5, 2, 2, 4, 9, 5, 7, 5, 2, 2, 6], {
|
|
type: 'bar',
|
|
barWidth: '60',
|
|
height: '100%',
|
|
tooltipClassname: 'chart-sparkline',
|
|
barColor: vihoAdminConfig.primary
|
|
}), $("#pie-sparkline-chart").sparkline([1.5, 1, 1, 0.5], {
|
|
type: 'pie',
|
|
width: '100%',
|
|
height: '100%',
|
|
sliceColors: ['#717171','#222222',vihoAdminConfig.secondary, vihoAdminConfig.primary],
|
|
tooltipClassname: 'chart-sparkline'
|
|
}),$("#linechart-defaultdashboard").sparkline([5, 30, 27, 35, 30, 50, 70], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '100%',
|
|
tooltipClassname: 'chart-sparkline',
|
|
chartRangeMax: '50',
|
|
lineColor: vihoAdminConfig.secondary,
|
|
fillColor: 'rgba(186, 137, 93 ,0.50)'
|
|
}), $("#linechart-defaultdashboard").sparkline([0, 5, 10, 7, 25, 20, 30], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '100%',
|
|
composite: '!0',
|
|
tooltipClassname: 'chart-sparkline',
|
|
chartRangeMax: '40',
|
|
lineColor: '#e2c636',
|
|
fillColor: 'rgba(226, 198, 54, 0.50)'
|
|
});
|
|
}
|
|
};
|
|
(function($) {
|
|
"use strict";
|
|
sparkline_chart.init()
|
|
})(jQuery);
|