MIF_E31211459/public/admin/assets/js/chart/sparkline/sparkline-script.js

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);