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"], |
| 15 datasets : [ |
| 16 { |
| 17 strokeColor : "blue", |
| 18 pointColor : "blue", |
| 19 pointStrokeColor : "blue", |
| 20 data : [12,8,12,8,12,8], |
| 21 markerShape : "square", |
| 22 pointDotRadius : 5, |
| 23 title : "square" |
| 24 }, |
| 25 { |
| 26 strokeColor : "red", |
| 27 pointColor : "red", |
| 28 pointStrokeColor : "red", |
| 29 data : [22,18,22,18,22,18], |
| 30 markerShape : "diamond", |
| 31 pointDotRadius : 5, |
| 32 title : "diamond" |
| 33 }, |
| 34 { |
| 35 strokeColor : "green", |
| 36 pointColor : "green", |
| 37 pointStrokeColor : "green", |
| 38 data : [32,28,32,28,32,28], |
| 39 markerShape : "plus", |
| 40 pointDotRadius : 5, |
| 41 title : "plus" |
| 42 }, |
| 43 { |
| 44 strokeColor : "brown", |
| 45 pointColor : "brown", |
| 46 pointStrokeColor : "brown", |
| 47 data : [42,38,42,38,42,38], |
| 48 markerShape : "cross", |
| 49 pointDotRadius : 5, |
| 50 title : "cross" |
| 51 }, |
| 52 { |
| 53 strokeColor : "black", |
| 54 pointColor : "black", |
| 55 pointStrokeColor : "black", |
| 56 data : [52,48,52,48,52,48], |
| 57 markerShape : "circle", |
| 58 pointDotRadius : 5, |
| 59 title : "circle" |
| 60 }, |
| 61 { |
| 62 strokeColor : "cyan", |
| 63 pointColor : "cyan", |
| 64 pointStrokeColor : "cyan", |
| 65 data : [62,58,62,58,62,58], |
| 66 markerShape : "triangle", |
| 67 pointDotRadius : 10, |
| 68 title : "triangle" |
| 69 } |
| 70 ] |
| 71 } |
| 72 |
| 73 var opts = { |
| 74 animation: false, |
| 75 inGraphDataShow: true, |
| 76 datasetFill: false , |
| 77 legend : true, |
| 78 graphMin :0, |
| 79 graphMax : 70 |
| 80 } |
| 81 |
| 82 window.onload = function() { |
| 83 var myBar = new Chart(document.getElementById("mycanvas").getContext("2d")).
Line(LineData,opts); |
| 84 } |
| 85 </script> |
| 86 |
| 87 </body> |
| 88 </html> |
OLD | NEW |