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
|
| /**
| * Theme: Uplon Admin Template
| * Author: Coderthemes
| * Component: Peity Chart
| *
| */
|
| !function($) {
| "use strict";
|
| var PeityChart = function() {};
|
| //create line
| PeityChart.prototype.createLine = function ($element, $strokeColor, $fillColor, $width ,$height) {
| $($element).peity("line", {
| fill: $strokeColor,
| stroke: $fillColor,
| width: $width,
| height: $height
| });
| return $($element);
| },
|
| //init
| PeityChart.prototype.init = function() {
| //live graph
| var updatingChart = this.createLine(".updating-chart",'#5fbeaa','#5fbeaa', 120,40);
|
| setInterval(function() {
| var random = Math.round(Math.random() * 10)
| var values = updatingChart.text().split(",")
| values.shift()
| values.push(random)
|
| updatingChart
| .text(values.join(","))
| .change()
| }, 1000);
| },
| //init
| $.PeityChart = new PeityChart, $.PeityChart.Constructor = PeityChart
| }(window.jQuery),
|
| //initializing
| function($) {
| "use strict";
| $.PeityChart.init()
| }(window.jQuery);
|
|
