OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 | |
3 <SCRIPT src='..\ChartNew.js'></script> | |
4 <SCRIPT src='..\Add-ins\stats.js'></script> | |
5 | |
6 <SCRIPT> | |
7 | |
8 defCanvasWidth=1200; | |
9 defCanvasHeight=600; | |
10 | |
11 var mydata1 = [ | |
12 { | |
13 value : 30, | |
14 color: "#D97041", | |
15 title : "data1" | |
16 }, | |
17 { | |
18 value : 90, | |
19 color: "#C7604C", | |
20 title : "data2" | |
21 }, | |
22 { | |
23 value : 24, | |
24 color: "#21323D", | |
25 title : "data3" | |
26 }, | |
27 { | |
28 value : 58, | |
29 color: "#9D9B7F", | |
30 title : "data4" | |
31 }, | |
32 { | |
33 value : 82, | |
34 color: "#7D4F6D", | |
35 title : "data5" | |
36 }, | |
37 { | |
38 value : 8, | |
39 color: "#584A5E", | |
40 title : "data6" | |
41 } | |
42 ]; | |
43 | |
44 | |
45 var varcrosstxt = { | |
46 canvasBordersWidth : 3, | |
47 canvasBordersColor : "black", | |
48 crossText : ["Total:\n#sum#"], | |
49 crossTextIter: ["all"], | |
50 crossTextOverlay : [true], | |
51 crossTextFontSize : [50], | |
52 crossTextFontColor : ["black"], | |
53 crossTextRelativePosX : [2], | |
54 crossTextRelativePosY : [2], | |
55 crossTextAlign : ["center"], | |
56 crossTextBaseline : ["middle"], | |
57 inGraphDataShow : true, | |
58 legend : true, | |
59 canvasBorders : true, | |
60 graphTitle : "Sample - Sum of the data in the middle", | |
61 graphTitleFontFamily : "'Arial'", | |
62 graphTitleFontSize : 24, | |
63 graphTitleFontStyle : "bold", | |
64 graphTitleFontColor : "#666", | |
65 footNoteFontSize : 15, | |
66 footNote : "Mean Value : <%=roundToNumber(#MEAN#,-2)%> - Standard Deviatio
n : <%=roundToNumber(#standard_deviation#,-2)%>" | |
67 } | |
68 | |
69 function roundToNumber(num, place) { | |
70 var newval=1*num; | |
71 | |
72 if(typeof(newval)=="number"){ | |
73 if(place<=0){ | |
74 var roundVal=-place; | |
75 newval= +(Math.round(newval + "e+" + roundVal) + "e-" + roundVal); | |
76 } | |
77 else { | |
78 var roundVal=place; | |
79 var divval= "1e+"+roundVal; | |
80 newval= +(Math.round(newval/divval))*divval; | |
81 } | |
82 } | |
83 return(newval); | |
84 } ; | |
85 | |
86 function roundToNumber(num, place) { | |
87 var newval=1*num; | |
88 | |
89 if(typeof(newval)=="number"){ | |
90 if(place<=0){ | |
91 var roundVal=-place; | |
92 newval= +(Math.round(newval + "e+" + roundVal) + "e-" + roundVal); | |
93 } | |
94 else { | |
95 var roundVal=place; | |
96 var divval= "1e+"+roundVal; | |
97 newval= +(Math.round(newval/divval))*divval; | |
98 } | |
99 } | |
100 return(newval); | |
101 } ; | |
102 | |
103 </SCRIPT> | |
104 | |
105 <html> | |
106 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> | |
107 <head> | |
108 <title>Demo ChartNew.js</title> | |
109 | |
110 </head> | |
111 <body> | |
112 | |
113 <script> | |
114 | |
115 stats(mydata1,varcrosstxt); | |
116 | |
117 document.write("<canvas id=\"canvas_pie\" height=\""+defCanvasHeight+"\" width
=\""+defCanvasWidth+"\"></canvas>"); | |
118 | |
119 window.onload = function() { | |
120 var myBar = new Chart(document.getElementById("canvas_pie").getContext("2d
")).Doughnut(mydata1,varcrosstxt); | |
121 } | |
122 </script> | |
123 </body> | |
124 </html> | |
OLD | NEW |