dashboard-shopping.js
3.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
$(function () {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',')
/***********************************/
/********* TAB SHOPPING ************/
//BEGIN JQUERY FLOT CHART
var d1 = [
["Jan", 200],
["Feb", 120],
["Mar", 199],
["Apr", 157],
["May", 163],
["Jun", 192],
["Jul", 130],
["Aug", 126],
["Sep", 206]
];
$.plot("#sp-chart-orders", [
{
data: d1,
color: "#5cb85c"
}
], {
series: {
lines: {
show: !0,
fill: true,
fillColor: {
colors: [
{
opacity: 0.0
},
{
opacity: 0.2
}
]
}
},
points: {
show: !0,
radius: 4
}
},
grid: {
borderColor: "#fafafa",
borderWidth: 1,
hoverable: !0
},
tooltip: !0,
tooltipOpts: {
content: "%x : %y",
defaultTheme: false
},
xaxis: {
tickColor: "#fafafa",
mode: "categories"
},
yaxis: {
tickColor: "#fafafa"
},
shadowSize: 0
});
//END JQUERY FLOT CHART
//BEGIN JQUERY KNOB
$(".dial").knob({
'draw': function () {
$(this.i).val(this.cv + '%')
},
'fgColor': '#B8BEC8'
});
$({value: 0}).animate({value: $('.ls-chart input').attr("rel")}, {
duration: 5000,
easing: 'swing',
step: function () {
$('.ls-chart input').val(Math.ceil(this.value)).trigger('change');
}
})
$({value: 0}).animate({value: $('.ao-chart input').attr("rel")}, {
duration: 5000,
easing: 'swing',
step: function () {
$('.ao-chart input').val(Math.ceil(this.value)).trigger('change');
}
})
//END JQUERY KNOB
//BEGIN JQUERY ANIMATE NUMBER
$('#revenue-number').animateNumber({
number: 3579.95,
numberStep: comma_separator_number_step
}, 5000);
$('#tax-number').animateNumber({
number: 295.35,
numberStep: comma_separator_number_step
}, 5000);
$('#shipping-number').animateNumber({
number: 30.00,
numberStep: comma_separator_number_step
}, 5000);
$('#quantity-number').animateNumber({
number: 14,
numberStep: comma_separator_number_step
}, 5000);
$('#ls-number').animateNumber({
number: 252983,
numberStep: comma_separator_number_step
}, 5000);
$('#ao-number').animateNumber({
number: 6320,
numberStep: comma_separator_number_step
}, 5000);
//END JQUERY ANIMATE NUMBER
/********* TAB SHOPPING ***********/
/*********************************/
});