Blame view

backend/makest/js/demo/sparkline-demo.js 1.67 KB
d1f8bd40   Alexey Boroda   first commit
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
  $(function () {
      $("#sparkline1").sparkline([34, 43, 43, 35, 44, 32, 44, 52, 25], {
          type: 'line',
          lineColor: '#17997f',
          fillColor: '#1ab394',
      });
      $("#sparkline2").sparkline([5, 6, 7, 2, 0, -4, -2, 4], {
          type: 'bar',
          barColor: '#1ab394',
          negBarColor: '#c6c6c6'});
  
      $("#sparkline3").sparkline([1, 1, 2], {
          type: 'pie',
          sliceColors: ['#1ab394', '#b3b3b3', '#e4f0fb']});
  
      $("#sparkline4").sparkline([34, 43, 43, 35, 44, 32, 15, 22, 46, 33, 86, 54, 73, 53, 12, 53, 23, 65, 23, 63, 53, 42, 34, 56, 76, 15, 54, 23, 44], {
          type: 'line',
          lineColor: '#17997f',
          fillColor: '#ffffff',
      });
  
      $("#sparkline5").sparkline([1, 1, 0, 1, -1, -1, 1, -1, 0, 0, 1, 1], {
          type: 'tristate',
          posBarColor: '#1ab394',
          negBarColor: '#bfbfbf'});
  
  
      $("#sparkline6").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 5, 6, 3, 4, 5, 8, 7, 6, 9, 3, 2, 4, 1, 5, 6, 4, 3, 7, ], {
          type: 'discrete',
          lineColor: '#1ab394'});
  
      $("#sparkline7").sparkline([52, 12, 44], {
          type: 'pie',
          height: '150px',
          sliceColors: ['#1ab394', '#b3b3b3', '#e4f0fb']});
  
      $("#sparkline8").sparkline([5, 6, 7, 2, 0, 4, 2, 4, 5, 7, 2, 4, 12, 14, 4, 2, 14, 12, 7], {
          type: 'bar',
          barWidth: 8,
          height: '150px',
          barColor: '#1ab394',
          negBarColor: '#c6c6c6'});
  
      $("#sparkline9").sparkline([34, 43, 43, 35, 44, 32, 15, 22, 46, 33, 86, 54, 73, 53, 12, 53, 23, 65, 23, 63, 53, 42, 34, 56, 76, 15, 54, 23, 44], {
          type: 'line',
          lineWidth: 1,
          height: '150px',
          lineColor: '#17997f',
          fillColor: '#ffffff',
      });
  });