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 <!--[if lte IE 8]><SCRIPT src='source/excanvas.js'></script><![endif]--><SCRIP
T src='../ChartNew.js'></script> | |
8 </head> | |
9 <body> | |
10 <canvas id="mycanvas" height="600" width="1000"></canvas>
| |
11 <script> | |
12 var HorizontalStackedBarData = { | |
13 labels : ["January","February","March"], | |
14 datasets : [ | |
15 { | |
16 fillColor : "rgba(220,220,220,0.5)", | |
17 strokeColor : "rgba(220,220,220,1)", | |
18 pointColor : "rgba(220,220,220,1)", | |
19 pointStrokeColor : "#fff", | |
20 data : [65,55,90], | |
21 title : "passed" | |
22 }, | |
23 { | |
24 fillColor : "rgba(151,187,205,0.5)", | |
25 strokeColor : "rgba(151,187,205,1)", | |
26 pointColor : "rgba(151,187,205,1)", | |
27 pointStrokeColor : "#fff", | |
28 data : [75,65,120], | |
29 title : "finished" | |
30 }, | |
31 { | |
32 fillColor : "rgba(159, 205, 151, 0.5)", | |
33 strokeColor : "rgba(159, 205, 151, 1", | |
34 pointColor : "rgba(159, 205, 151, 1)", | |
35 pointStrokeColor : "#fff", | |
36 data : [90,75,130], | |
37 title : "all" | |
38 } | |
39 ] | |
40 } | |
41 | |
42 var opts= {inGraphDataTmpl: "<%=v1%>\n<%=v4%>", inGraphDataShow: true, annotat
eDisplay: true, annotateLabel: "<%=(v1 == '' ? '' : v1) + (v1!='' && v2 !='' ? '
- ' : '')+(v2 == '' ? '' : v2)+(v1!='' || v2 !='' ? ':' : '') + v3 + ' (' + Mat
h.round((v4/v5)*10000)/100 + ' %)'%>"}; | |
43 | |
44 window.onload = function() { | |
45 var myBar = new Chart(document.getElementById("mycanvas").getContext("2d")).
HorizontalStackedBar(HorizontalStackedBarData,opts); | |
46 } | |
47 </script> | |
48 | |
49 </body> | |
50 </html> | |
OLD | NEW |