130 lines
2.8 KiB
JavaScript
130 lines
2.8 KiB
JavaScript
/*
|
|
Template Name: Material Admin
|
|
Author: Wrappixel
|
|
Email: niravjoshi87@gmail.com
|
|
File: js
|
|
*/
|
|
$(function() {
|
|
'use strict';
|
|
// ==============================================================
|
|
// Last month earning
|
|
// ==============================================================
|
|
var sparklineLogin = function() {
|
|
$('.bandwidth').sparkline(
|
|
[4, 5, 0, 10, 9, 12, 4, 9, 4, 5, 3, 10, 9, 12, 10, 9, 12, 4, 9],
|
|
{
|
|
type: 'bar',
|
|
width: '100%',
|
|
height: '70',
|
|
barWidth: '2',
|
|
resize: true,
|
|
barSpacing: '6',
|
|
barColor: 'rgba(255, 255, 255, 0.3)'
|
|
}
|
|
);
|
|
$('.spark-count').sparkline(
|
|
[4, 5, 0, 10, 9, 12, 4, 9, 4, 5, 3, 10, 9, 12, 10, 9, 12, 4, 9],
|
|
{
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '70',
|
|
barWidth: '2',
|
|
resize: true,
|
|
fillColor: 'transparent',
|
|
lineColor: 'rgba(255, 255, 255, 0.6)'
|
|
}
|
|
);
|
|
};
|
|
var sparkResize;
|
|
|
|
$(window).resize(function(e) {
|
|
clearTimeout(sparkResize);
|
|
sparkResize = setTimeout(sparklineLogin, 500);
|
|
});
|
|
sparklineLogin();
|
|
|
|
// ==============================================================
|
|
// Our Visitor
|
|
// ==============================================================
|
|
|
|
var chart = c3.generate({
|
|
bindto: '#visitor',
|
|
data: {
|
|
columns: [['Iphone', 60], ['Samsung', 12], ['One+', 28]],
|
|
|
|
type: 'donut',
|
|
onclick: function(d, i) {
|
|
console.log('onclick', d, i);
|
|
},
|
|
onmouseover: function(d, i) {
|
|
console.log('onmouseover', d, i);
|
|
},
|
|
onmouseout: function(d, i) {
|
|
console.log('onmouseout', d, i);
|
|
}
|
|
},
|
|
donut: {
|
|
label: {
|
|
show: false
|
|
},
|
|
title: 'Sales',
|
|
width: 20
|
|
},
|
|
|
|
legend: {
|
|
hide: true
|
|
//or hide: 'data1'
|
|
//or hide: ['data1', 'data2']
|
|
},
|
|
color: {
|
|
pattern: ['#4798e8', '#01c0c8', '#f6f6f6']
|
|
}
|
|
});
|
|
// ==============================================================
|
|
// Sales income
|
|
// ==============================================================
|
|
var chart = c3.generate({
|
|
bindto: '#income',
|
|
data: {
|
|
columns: [
|
|
['Growth Income', 250, 200, 100, 250, 300],
|
|
['Net Income', 190, 100, 140, 200, 190]
|
|
],
|
|
type: 'bar'
|
|
},
|
|
bar: {
|
|
space: 0.2,
|
|
// or
|
|
width: 15 // this makes bar width 100px
|
|
},
|
|
axis: {
|
|
y: {
|
|
tick: {
|
|
count: 4,
|
|
|
|
outer: false
|
|
}
|
|
}
|
|
},
|
|
legend: {
|
|
hide: true
|
|
//or hide: 'data1'
|
|
//or hide: ['data1', 'data2']
|
|
},
|
|
grid: {
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
show: true
|
|
}
|
|
},
|
|
size: {
|
|
height: 300
|
|
},
|
|
color: {
|
|
pattern: ['#4798e8', '#01c0c8']
|
|
}
|
|
});
|
|
});
|