OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | |
2 <html> | |
3 <head> | |
4 <meta http-equiv="content-type" content="text/html; charset=windows-1250"> | |
5 <meta name="generator" content="PSPad editor, www.pspad.com"> | |
6 <title></title> | |
7 <SCRIPT src='../mathFunctions.js'></script> | |
8 <!--[if lte IE 8]><SCRIPT src='source/excanvas.js'></script><![endif]--><SCRIP
T src='../ChartNew.js'></script> | |
9 </head> | |
10 <body> | |
11 <canvas id="mycanvas" height="600" width="800"></canvas> | |
12 <script> | |
13 var LineData = { | |
14 labels : ["January","February","March","April","May","June","July"], | |
15 datasets : [ | |
16 { | |
17 strokeColor : "rgba(220,220,220,1)", | |
18 pointColor : "rgba(220,220,220,1)", | |
19 pointStrokeColor : "#fff", | |
20 data : [565,559,590,581,556,555,540], | |
21 title : "First data" | |
22 }, | |
23 { | |
24 strokeColor : "rgba(151,187,205,1)", | |
25 pointColor : "rgba(151,187,205,1)", | |
26 pointStrokeColor : "#fff", | |
27 data : [528,548,540,519,596,527,580], | |
28 title : "Second data" | |
29 } | |
30 ] | |
31 } | |
32 | |
33 var opts = { | |
34 scaleLineColor: "gray", | |
35 scaleShowLabels: false, | |
36 scaleFontColor: "gray", | |
37 scaleFontSize: 10, | |
38 scaleGridLineColor: 'rgba(0, 0, 0, .03)', | |
39 bezierCurve: false, | |
40 pointDotStrokeWidth: 1, | |
41 datasetStrokeWidth: 1, | |
42 animation: true, | |
43 animationStartWithData: 4, | |
44 inGraphDataShow: true, | |
45 inGraphDataPaddingX: 6, | |
46 inGraphDataPaddingY: 4, | |
47 inGraphDataFontSize: 10, | |
48 inGraphDataFontColor: "gray", | |
49 scaleXGridLinesStep: 0, | |
50 datasetFill: false | |
51 } | |
52 | |
53 window.onload = function() { | |
54 var myBar = new Chart(document.getElementById("mycanvas").getContext("2d")).
Line(LineData,opts); | |
55 } | |
56 </script> | |
57 | |
58 </body> | |
59 </html> | |
OLD | NEW |