JSDM

HTML

8
 
1
.wrapper
2
  .title
3
    Reporte Global Ventas 2014
4
  .chart#p1
5
    %canvas#c1
6
  .footer
7
    %p
8
      Grfica de reporte global <p>"Ventas -Call Center" <p>(Periodo comprendido Enero 2014 - Noviembre 2014)
!

CSS

x
 
1
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');
2
3
* {
4
  margin: 0;
5
  padding: 0;
6
  box-sizing: border-box;
7
}
8
9
:before, :after {
10
  content: '';
11
  display: block;
12
  position: absolute;
13
  box-sizing: border-box;
14
}
15
16
html, body {
17
  height: 100%;
18
}
19
20
body {
21
  padding: 50px 0;
22
  font: 14px/1 'Open Sans', sans-serif;
23
  color: #777;
24
  background: #ddd;
25
}
26
27
p {
28
  line-height: 1.8;
29
}
30
31
.wrapper {
32
  width: 600px;
33
  margin: 0 auto;
34
  border-radius: 4px;
35
  background: #fff;
36
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
37
}
38
39
.title {
40
  height: 60px;
41
  padding: 0 30px;
42
  font-size: 18px;
43
  line-height: 60px;
44
  text-align: center;
45
}
46
47
.chart {
48
  height: 300px;
49
  padding: 20px;
50
  background: linear-gradient(to bottom, #345 0%, #234 100%);
51
}
52
53
.footer {
54
  padding: 30px;
55
  text-align: center;
56
}
!
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

30
 
1
var c1 = document.getElementById("c1");
2
var parent = document.getElementById("p1");
3
c1.width = parent.offsetWidth - 40;
4
c1.height = parent.offsetHeight - 40;
5
6
var data1 = {
7
  labels : ["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov"],
8
  datasets : [
9
    {
10
      fillColor : "rgba(255,255,255,.1)",
11
      strokeColor : "rgba(255,255,255,1)",
12
      pointColor : "#123",
13
      pointStrokeColor : "rgba(255,255,255,1)",
14
      data : [2034373.11,1112097.89,1798456.78,1259987.59,888682.60,980269.51,134065.53,1362684.42,969072.61,1234133.57,922036.06]
15
    }
16
  ]
17
}
18
19
var options1 = {
20
  scaleFontColor : "rgba(255,255,255,1)",
21
  scaleLineColor : "rgba(255,255,255,1)",
22
  scaleGridLineColor : "transparent",
23
  bezierCurve : false,
24
  scaleOverride : true,
25
  scaleSteps : 2,
26
  scaleStepWidth : 1000000,
27
  scaleStartValue : 0
28
}
29
30
new Chart(c1.getContext("2d")).Line(data1,options1)
!
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................