| Index: bower_components/chartnewjs/Samples/animation_lines.html
|
| diff --git a/bower_components/chartnewjs/Samples/animation_lines.html b/bower_components/chartnewjs/Samples/animation_lines.html
|
| deleted file mode 100644
|
| index 855093f13066b50df026c730a2be0316d4e5faf2..0000000000000000000000000000000000000000
|
| --- a/bower_components/chartnewjs/Samples/animation_lines.html
|
| +++ /dev/null
|
| @@ -1,146 +0,0 @@
|
| - <!doctype html>
|
| -
|
| -<!--[if lte IE 8]><SCRIPT src='source/excanvas.js'></script><![endif]--><SCRIPT src='../ChartNew.js'></script>
|
| -
|
| -
|
| -<SCRIPT>
|
| -
|
| -function setColor(area,data,config,i,j,animPct,value)
|
| -{
|
| - if(value > 35)return("rgba(220,0,0,"+animPct);
|
| - else return("rgba(0,220,0,"+animPct);
|
| -
|
| -}
|
| -
|
| -var charJSPersonnalDefaultOptions = { decimalSeparator : "," , thousandSeparator : ".", roundNumber : "none", graphTitleFontSize: 2 };
|
| -
|
| -defCanvasWidth=600;
|
| -defCanvasHeight=300;
|
| -
|
| -
|
| -var mydata1 = {
|
| - labels : ["January","February","March","April","May","June","July"],
|
| -// labels : ["January"],
|
| - datasets : [
|
| - {
|
| - fillColor : "rgba(220,220,220,0.5)",
|
| - strokeColor : "rgba(220,220,220,1)",
|
| - pointColor : "rgba(220,220,220,1)",
|
| - pointstrokeColor : "yellow",
|
| - data : [95,53,99,,73,27,82],
|
| -// data : [40],
|
| -
|
| - title : "2014"
|
| - },
|
| - {
|
| - fillColor : "rgba(151,187,205,0.5)",
|
| - strokeColor : "rgba(151,187,205,1)",
|
| - pointColor : "green",
|
| - pointstrokeColor : "yellow",
|
| - data : [35,43,59,,31,50,66],
|
| -// data : [35],
|
| - title : "2013"
|
| - }
|
| - ]
|
| -}
|
| -
|
| -var startWithDataset =1;
|
| -var startWithData =1;
|
| -
|
| -var opt1 = {
|
| - animationStartWithDataset : startWithDataset,
|
| - animationStartWithData : startWithData,
|
| - animationSteps : 200,
|
| - canvasBorders : true,
|
| - canvasBordersWidth : 3,
|
| - canvasBordersColor : "black",
|
| - graphTitle : "default animation",
|
| - legend : true,
|
| - inGraphDataShow : true,
|
| - annotateDisplay : true,
|
| - graphTitleFontSize: 18
|
| -
|
| -}
|
| -
|
| -var opt2 = {
|
| - animationStartWithDataset : startWithDataset,
|
| - animationStartWithData : startWithData,
|
| - animationLeftToRight : true,
|
| - animationSteps : 200,
|
| - animationEasing: "linear",
|
| - canvasBorders : true,
|
| - canvasBordersWidth : 3,
|
| - canvasBordersColor : "black",
|
| - graphTitle : "animationLeftToRight=true",
|
| - legend : true,
|
| - inGraphDataShow : true,
|
| - annotateDisplay : true,
|
| - graphTitleFontSize: 18
|
| -
|
| -}
|
| -
|
| -var opt3 = {
|
| - animationStartWithDataset : startWithDataset,
|
| - animationStartWithData : startWithData,
|
| - animationByDataset : true,
|
| - animationSteps : 200,
|
| - animationEasing: "linear",
|
| - canvasBorders : true,
|
| - canvasBordersWidth : 3,
|
| - canvasBordersColor : "black",
|
| - graphTitle : "animationByDataset=true",
|
| -
|
| - legend : true,
|
| - inGraphDataShow : true,
|
| - annotateDisplay : true,
|
| - graphTitleFontSize: 18
|
| -}
|
| -
|
| -var opt4 = {
|
| - animationStartWithDataset : startWithDataset,
|
| - animationStartWithData : startWithData,
|
| - animationLeftToRight : true,
|
| - animationByDataset : true,
|
| - animationSteps : 200,
|
| - animationEasing: "linear",
|
| - canvasBorders : true,
|
| - canvasBordersWidth : 3,
|
| - canvasBordersColor : "black",
|
| - graphTitle : "animationByDataset=true & animationLeftToRight=true ",
|
| - legend : true,
|
| - inGraphDataShow : true,
|
| - annotateDisplay : true,
|
| - graphTitleFontSize: 18
|
| -}
|
| -
|
| -
|
| -</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>
|
| -
|
| - <script>
|
| -
|
| - document.write("<canvas id=\"canvas_Line1\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
|
| - document.write("<canvas id=\"canvas_Line2\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
|
| - document.write("<canvas id=\"canvas_Line3\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
|
| - document.write("<canvas id=\"canvas_Line4\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
|
| -window.onload = function() {
|
| -
|
| -
|
| - var myLine = new Chart(document.getElementById("canvas_Line1").getContext("2d")).Line(mydata1,opt1);
|
| - var myLine = new Chart(document.getElementById("canvas_Line2").getContext("2d")).Line(mydata1,opt2);
|
| - var myLine = new Chart(document.getElementById("canvas_Line3").getContext("2d")).Line(mydata1,opt3);
|
| - var myLine = new Chart(document.getElementById("canvas_Line4").getContext("2d")).Line(mydata1,opt4);
|
| -}
|
| - </script>
|
| - </body>
|
| -</html>
|
|
|