| OLD | NEW |
| (Empty) |
| 1 <!doctype html> | |
| 2 | |
| 3 <!--[if lte IE 8]><SCRIPT src='source/excanvas.js'></script><![endif]--><SCRIPT
src='../ChartNew.js'></script> | |
| 4 <SCRIPT src='../Add-ins/format.js'></script> | |
| 5 <SCRIPT src='../Add-ins/stats.js'></script> | |
| 6 | |
| 7 <SCRIPT> | |
| 8 | |
| 9 var charJSPersonalDefaultOptions = { decimalSeparator : "," , thousandSeparator
: ".", roundNumber : "none", graphTitleFontSize: 2 }; | |
| 10 | |
| 11 defCanvasWidth=1200; | |
| 12 defCanvasHeight=600; | |
| 13 | |
| 14 | |
| 15 var mydata1 = { | |
| 16 labels : [0,5,10,15,20,25,30], | |
| 17 datasets : [ | |
| 18 { | |
| 19 pointColor : "black", | |
| 20 strokeColor : "rgba(0,0,0,0)", | |
| 21 pointStrokeColor : "black", | |
| 22 data : [12.1,25.3,7.9,9.1,31.3,28.1,24.5,19.8,27.1,25.6,
18.9,16.8,23.2,10.1,13,15.5], | |
| 23 xPos : [12.2,14.5,13.1,4.2,25.7,28.6,27.3,20.5,23.1,26.9,15.2,17.1,19.4,7.
6,8.5,11.3], | |
| 24 title : "points" | |
| 25 }, | |
| 26 { | |
| 27 pointColor : "rgba(0,0,0,0)", | |
| 28 strokeColor : "red", | |
| 29 pointStrokeColor : "rgba(0,0,0,0)", | |
| 30 data : ["<%=#linear_regression_b0#%>",,,,,,"<%=#linear_r
egression_b0#+30*#linear_regression_b1#%>"], | |
| 31 title : "regression line" | |
| 32 } | |
| 33 ] | |
| 34 } | |
| 35 | |
| 36 | |
| 37 var opt1 = { | |
| 38 canvasBorders : true, | |
| 39 canvasBordersWidth : 3, | |
| 40 canvasBordersColor : "black", | |
| 41 datasetFill : false, | |
| 42 graphTitle : "Regression line: <%=roundToNumber(#linear_regression_b0#,-2
)%>+<%=roundToNumber(#linear_regression_b1#,-2)%>*X", | |
| 43 graphTitleFontSize: 18, | |
| 44 graphMin : 0, | |
| 45 yAxisMinimumInterval : 5, | |
| 46 bezierCurve: false, | |
| 47 inGraphDataShow : true, | |
| 48 inGraphDataTmpl : "<%=(v1 == 'regression line' ? '' : '('+v2 + ';' + v3 +
')')%>", | |
| 49 | |
| 50 } | |
| 51 | |
| 52 function roundToNumber(num, place) { | |
| 53 var newval=1*num; | |
| 54 | |
| 55 if(typeof(newval)=="number"){ | |
| 56 if(place<=0){ | |
| 57 var roundVal=-place; | |
| 58 newval= +(Math.round(newval + "e+" + roundVal) + "e-" + roundVal); | |
| 59 } | |
| 60 else { | |
| 61 var roundVal=place; | |
| 62 var divval= "1e+"+roundVal; | |
| 63 newval= +(Math.round(newval/divval))*divval; | |
| 64 } | |
| 65 } | |
| 66 return(newval); | |
| 67 } ; | |
| 68 | |
| 69 stats(mydata1,opt1); | |
| 70 | |
| 71 </SCRIPT> | |
| 72 | |
| 73 | |
| 74 <html> | |
| 75 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> | |
| 76 <head> | |
| 77 <title>Demo ChartNew.js</title> | |
| 78 </head> | |
| 79 <body> | |
| 80 | |
| 81 <center> | |
| 82 <FONT SIZE=6><B>Demo of ChartNew.js !</B></FONT> <BR> | |
| 83 | |
| 84 <script> | |
| 85 | |
| 86 document.write("<canvas id=\"canvas_Line1\" height=\""+defCanvasHeight+"\" w
idth=\""+defCanvasWidth+"\"></canvas>"); | |
| 87 window.onload = function() { | |
| 88 | |
| 89 | |
| 90 var myLine = new Chart(document.getElementById("canvas_Line1").getContext("2
d")).Line(mydata1,opt1); | |
| 91 } | |
| 92 </script> | |
| 93 </body> | |
| 94 </html> | |
| OLD | NEW |