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 |