| 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 DoughnutData = [ | |
| 13 { | |
| 14 value : 30, | |
| 15 color: "#D97041", | |
| 16 title : "January" | |
| 17 }, | |
| 18 { | |
| 19 value : 90, | |
| 20 color: "#C7604C", | |
| 21 title : "February" | |
| 22 }, | |
| 23 { | |
| 24 value : 24, | |
| 25 color: "#21323D", | |
| 26 title : "March" | |
| 27 }, | |
| 28 { | |
| 29 value : 58, | |
| 30 color: "#9D9B7F", | |
| 31 title : "April" | |
| 32 }, | |
| 33 { | |
| 34 value : 82, | |
| 35 color: "#7D4F6D", | |
| 36 title : "May" | |
| 37 }, | |
| 38 { | |
| 39 value : 8, | |
| 40 color: "#584A5E", | |
| 41 title : "June" | |
| 42 } | |
| 43 ] | |
| 44 | |
| 45 var opts= {legend : true, | |
| 46 crossText : ["text\nin\ncenter"], | |
| 47 crossTextIter: ["all"], | |
| 48 crossTextOverlay : [true], | |
| 49 crossTextFontSize : [50], | |
| 50 crossTextFontColor : ["black"], | |
| 51 crossTextRelativePosX : [2], | |
| 52 crossTextRelativePosY : [2], | |
| 53 crossTextPosX : [0], | |
| 54 crossTextPosY : [0], | |
| 55 crossTextAlign : ["center"], | |
| 56 crossTextBaseline : ["middle"], | |
| 57 canvasBorders : true, | |
| 58 graphTitle : "Issue 62" | |
| 59 }; | |
| 60 | |
| 61 window.onload = function() { | |
| 62 var myBar = new Chart(document.getElementById("mycanvas").getContext("2d")).
Doughnut(DoughnutData,opts); | |
| 63 } | |
| 64 </script> | |
| 65 | |
| 66 </body> | |
| 67 </html> | |
| OLD | NEW |