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
| $(document).ready(function () {
|
|
| /*Sales Statics chart*/
|
| $(function () {
|
| var sharpLineData = {
| labels: ["January", "February", "March", "April", "May", "June", "July"],
| datasets: [
| {
| label: "Example dataset",
| fillColor: "rgba(3,169,243,0.7)",
| strokeColor: "rgba(23,112,233,0.7)",
| pointColor: "rgba(23,112,233,1)",
| pointStrokeColor: "#fff",
| pointHighlightFill: "#fff",
| pointHighlightStroke: "rgba(23,112,233,1)",
| data: [30, 55, 45, 20, 55, 30, 60]
| }
| ]
| };
|
| var sharpLineOptions = {
| scaleShowGridLines: true,
| scaleGridLineColor: "rgba(0,0,0,.00)",
| scaleGridLineWidth: 1,
| bezierCurve: false,
| pointDot: true,
| pointDotRadius: 4,
| pointDotStrokeWidth: 1,
| pointHitDetectionRadius: 20,
| datasetStroke: false,
| datasetStrokeWidth: 1,
| datasetFill: true,
| responsive: true,
| resize: true
| };
|
| var ctx = document.getElementById("sharpLinechart").getContext("2d");
| var myNewChart = new Chart(ctx).Line(sharpLineData, sharpLineOptions);
|
|
| });
|
|
|
| /* Sparkline chart */
|
| var sparklineLogin = function() {
|
|
| $('#sparklinestats1').sparkline([ 7, 9, 11, 10, 11, 12, 9, 12], {
| type: 'bar',
| height: '30',
| barWidth: '4',
| resize: true,
| barSpacing: '5',
| barColor: '#E5051F'
| });
|
|
| $('#sparklinestats2').sparkline([ 7, 9, 11, 10, 11, 12, 9, 12], {
| type: 'bar',
| height: '30',
| barWidth: '4',
| resize: true,
| barSpacing: '5',
| barColor: '#BA0C83'
| });
|
|
|
|
| $('#sparklinestats3').sparkline([ 7, 9, 11, 10, 11, 12, 9, 12], {
| type: 'bar',
| height: '30',
| barWidth: '4',
| resize: true,
| barSpacing: '5',
| barColor: '#E05316'
| });
| $('#sparklinestats4').sparkline([ 7, 9, 11, 10, 11, 12, 9, 12], {
| type: 'bar',
| height: '30',
| barWidth: '4',
| resize: true,
| barSpacing: '5',
| barColor: '#7134E3'
| });
|
|
|
| }
| var sparkResize;
|
| $(window).resize(function(e) {
| clearTimeout(sparkResize);
| sparkResize = setTimeout(sparklineLogin, 500);
| });
| sparklineLogin();
|
| });
|
|
|
| /*To do list*/
|
| $(".list-task li label").click(function() {
| $(this).toggleClass("task-done");
| });
|
|
|
|
