| 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 | |
| 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="450" width="800"></canvas> | |
| 12 <script> | |
| 13 var _labels = ['East Coast','Gauteng','General','Inland']; | |
| 14 var _data = [64.29,73.67,3.59,89.9]; | |
| 15 | |
| 16 var data = { | |
| 17 labels: _labels, | |
| 18 datasets: [ | |
| 19 { | |
| 20 fillColor: "rgba(220,220,220,0.5)", | |
| 21 strokeColor: "rgba(220,220,220,1)", | |
| 22 pointColor: "rgba(220,220,220,1)", | |
| 23 pointStrokeColor: "#fff", | |
| 24 data: _data | |
| 25 } | |
| 26 ] | |
| 27 }; | |
| 28 var options = { | |
| 29 inGraphDataShow: true, | |
| 30 footNote: "% Completed", | |
| 31 footNoteFontSize: 10, | |
| 32 graphMax: 100, | |
| 33 barBorderRadius: 3, | |
| 34 inGraphDataPaddingX: 3, | |
| 35 annotateDisplay: true, | |
| 36 spaceRight: 20, | |
| 37 annotateLabel: "<%=(v1 == '' ? '' : v1) + (v1!='' && v2 !='' ? ' - '
: '')+(v2 == '' ? '' : v2)+(v1!='' || v2 !='' ? ': ' : '') + v3 + '%' %>", | |
| 38 reverseOrder: true | |
| 39 } | |
| 40 | |
| 41 | |
| 42 window.onload = function() { | |
| 43 var myBar = new Chart(document.getElementById("mycanvas").getContext("2d")).
HorizontalBar(data,options); | |
| 44 } | |
| 45 </script> | |
| 46 | |
| 47 </body> | |
| 48 </html> | |
| OLD | NEW |