| 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 |