| Index: polymer_0.5.0/bower_components/chartnewjs/Samples/issue_23.html
|
| diff --git a/polymer_0.5.0/bower_components/chartnewjs/Samples/issue_23.html b/polymer_0.5.0/bower_components/chartnewjs/Samples/issue_23.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..82188a16eef1a3bac472fd34d00c58c2ad13a4c3
|
| --- /dev/null
|
| +++ b/polymer_0.5.0/bower_components/chartnewjs/Samples/issue_23.html
|
| @@ -0,0 +1,104 @@
|
| + <!doctype html>
|
| +
|
| +<!--[if lte IE 8]><SCRIPT src='source/excanvas.js'></script><![endif]--><SCRIPT src='../ChartNew.js'></script>
|
| +<SCRIPT src='../Add-ins/format.js'></script>
|
| +<SCRIPT src='../Add-ins/gradientColor.js'></script>
|
| +
|
| +<SCRIPT>
|
| +
|
| +
|
| +
|
| +var charJSPersonnalDefaultOptions = { decimalSeparator : "," , thousandSeparator : ".", roundNumber : "none", graphTitleFontSize: 2 };
|
| +
|
| +defCanvasWidth=600;
|
| +defCanvasHeight=300;
|
| +
|
| +
|
| +
|
| +
|
| +
|
| + var BarLineData = {
|
| + labels : ["January","February","March","April","May","June","July"],
|
| + datasets : [
|
| + {
|
| + type: "Line",
|
| + fill: false,
|
| + strokeColor : "rgb(230, 14, 14)",
|
| + pointColor : "rgb(205, 151, 155)",
|
| + pointStrokeColor : "#f56691",
|
| + pointDotStrokeWidth : 1,
|
| + data : [0.30,0.44,0.42,0.19,0.90,0.37,1.20],
|
| +// data : [-0.30,-0.44,-0.42,-0.19,-0.90,-0.37,-1.20],
|
| +// data : [-0.30,0.44,-0.42,0.19,-0.90,-0.37,1.20],
|
| +// data : [,,0.4,0.19,,0.37,0.4],
|
| +// data : [0,0,0,0,0,0,0],
|
| +// data : [0,,,0,,0,0],
|
| + title : "line 1",
|
| + axis : 1
|
| + },
|
| + {
|
| + fillColor : gradientColor,
|
| + gradientColors : ["#00FFFF 50%","green","yellow"],
|
| + strokeColor : "rgba(220,220,220,1)",
|
| + pointColor : "rgba(220,220,220,1)",
|
| + pointDotStrokeWidth : 1,
|
| + pointStrokeColor : "blue",
|
| +// data : [0.30,0.44,0.42,0.19,0.90,0.37,1.20],
|
| + data : [-0.30,-0.44,-0.42,-0.19,-0.90,-0.37,-1.20],
|
| +// data : [-0.30,0.44,-0.42,0.19,-0.90,-0.37,1.20],
|
| +// data : [,,0.4,0.19,,0.37,0.4],
|
| +// data : [0,0,0,0,0,0,0],
|
| +// data : [0,,,0,,0,0],
|
| + title : "Bar 1"
|
| + },
|
| + {
|
| + fillColor : "rgba(151,187,205,0.5)",
|
| + strokeColor : "rgba(151,187,205,1)",
|
| + pointColor : "rgba(151,187,205,1)",
|
| + pointDotStrokeWidth : 1,
|
| + pointStrokeColor : "#fff",
|
| + data : [0.28,0.48,0.40,0.19,0.96,0.27,1.00],
|
| + title : "Bar 2"
|
| + },
|
| + {
|
| + type: "Line",
|
| + fill: false,
|
| + fillColor : "rgba(151, 205, 172, 0.5)",
|
| + strokeColor : "rgb(87, 147, 106)",
|
| + pointColor : "rgb(151, 205, 172)",
|
| + pointDotStrokeWidth : 1,
|
| + pointStrokeColor : "#fff",
|
| + data : [0.42,0.58,0.44,0.22,0.84,0.17,0.70],
|
| + title : "Line 3",
|
| + axis : 1
|
| + }
|
| + ]
|
| +}
|
| +
|
| +
|
| +
|
| +
|
| +
|
| +</SCRIPT>
|
| +
|
| +
|
| +<html>
|
| + <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
| + <head>
|
| + <title>Demo ChartNew.js</title>
|
| + </head>
|
| + <body>
|
| +
|
| + <center>
|
| + <FONT SIZE=6><B>Demo of ChartNew.js !</B></FONT> <BR>
|
| + <canvas id="canvas_Line" height="600" width="800"></canvas>
|
| + <script>
|
| + var opts= {animation : false,legend : true,annotateDisplay:true,inGraphDataShow : true, datasetFill : false,legendBlockSize :40, legendPosX : 4, legendPosY : 2, barValueSpacing : 10};
|
| +
|
| +window.onload = function() {
|
| + var bar = new Chart(document.getElementById("canvas_Line").getContext("2d")).Bar(BarLineData,opts);
|
| +
|
| + }
|
| + </script>
|
| + </body>
|
| +</html>
|
|
|