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