127 lines
3.3 KiB
JavaScript
127 lines
3.3 KiB
JavaScript
$(function () {
|
|
"use strict";
|
|
Morris.Area({
|
|
element: 'morris-area-chart'
|
|
, data: [{
|
|
period: '2010'
|
|
, iphone: 10
|
|
}, {
|
|
period: '2011'
|
|
, iphone: 1667
|
|
}, {
|
|
period: '2012'
|
|
, iphone: 4912
|
|
}, {
|
|
period: '2013'
|
|
, iphone: 3767
|
|
}, {
|
|
period: '2014'
|
|
, iphone: 6810
|
|
}, {
|
|
period: '2015'
|
|
, iphone: 5670
|
|
}, {
|
|
period: '2016'
|
|
, iphone: 4820
|
|
}, {
|
|
period: '2017'
|
|
, iphone: 15073
|
|
}, {
|
|
period: '2018'
|
|
, iphone: 8087
|
|
}, {
|
|
period: '2019'
|
|
, iphone: 10
|
|
}
|
|
|
|
|
|
]
|
|
, lineColors: ['#a5d9c7']
|
|
, xkey: 'period'
|
|
, ykeys: ['iphone']
|
|
, labels: ['Site A']
|
|
, pointSize: 0
|
|
, lineWidth: 0
|
|
, fillOpacity: 1
|
|
, resize: true
|
|
, behaveLikeLine: true
|
|
, gridLineColor: '#e0e0e0'
|
|
, hideHover: 'auto'
|
|
});
|
|
|
|
var sparklineLogin = function () {
|
|
$('#sales1').sparkline([20, 40, 30], {
|
|
type: 'pie'
|
|
, height: '130'
|
|
, resize: true
|
|
, sliceColors: ['#808f8f', '#fecd36', '#f1f2f7']
|
|
});
|
|
$('#sales2').sparkline([6, 10, 9, 11, 9, 10, 12], {
|
|
type: 'bar'
|
|
, height: '154'
|
|
, barWidth: '4'
|
|
, resize: true
|
|
, barSpacing: '10'
|
|
, barColor: '#25a6f7'
|
|
});
|
|
$('#sparklinedash').sparkline([0, 5, 6, 10, 9, 12, 4, 9], {
|
|
type: 'bar'
|
|
, height: '30'
|
|
, barWidth: '4'
|
|
, resize: true
|
|
, barSpacing: '5'
|
|
, barColor: '#4caf50'
|
|
});
|
|
$('#sparklinedash2').sparkline([0, 5, 6, 10, 9, 12, 4, 9], {
|
|
type: 'bar'
|
|
, height: '30'
|
|
, barWidth: '4'
|
|
, resize: true
|
|
, barSpacing: '5'
|
|
, barColor: '#9675ce'
|
|
});
|
|
$('#sparklinedash3').sparkline([0, 5, 6, 10, 9, 12, 4, 9], {
|
|
type: 'bar'
|
|
, height: '30'
|
|
, barWidth: '4'
|
|
, resize: true
|
|
, barSpacing: '5'
|
|
, barColor: '#03a9f3'
|
|
});
|
|
$('#sparklinedash4').sparkline([0, 5, 6, 10, 9, 12, 4, 9], {
|
|
type: 'bar'
|
|
, height: '30'
|
|
, barWidth: '4'
|
|
, resize: true
|
|
, barSpacing: '5'
|
|
, barColor: '#f96262'
|
|
});
|
|
}
|
|
var sparkResize;
|
|
$(window).resize(function (e) {
|
|
clearTimeout(sparkResize);
|
|
sparkResize = setTimeout(sparklineLogin, 500);
|
|
});
|
|
sparklineLogin();
|
|
});
|
|
|
|
// Sky Icons
|
|
var icons = new Skycons({
|
|
"color": "#ff6849"
|
|
})
|
|
, list = [
|
|
"clear-day", "clear-night", "partly-cloudy-day"
|
|
, "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind"
|
|
, "fog"
|
|
]
|
|
, i;
|
|
for (i = list.length; i--;) {
|
|
var weatherType = list[i]
|
|
, elements = document.getElementsByClassName(weatherType);
|
|
for (e = elements.length; e--;) {
|
|
icons.set(elements[e], weatherType);
|
|
}
|
|
}
|
|
icons.play();
|
|
|