Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(106)

Unified Diff: polymer_0.5.0/bower_components/chartnewjs/Samples/issue211.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 12 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: polymer_0.5.0/bower_components/chartnewjs/Samples/issue211.html
diff --git a/polymer_0.5.0/bower_components/chartnewjs/Samples/issue211.html b/polymer_0.5.0/bower_components/chartnewjs/Samples/issue211.html
new file mode 100644
index 0000000000000000000000000000000000000000..13256b189389d26b3413a02c5e5107a70aa1979d
--- /dev/null
+++ b/polymer_0.5.0/bower_components/chartnewjs/Samples/issue211.html
@@ -0,0 +1,157 @@
+ <!doctype html>
+
+
+
+
+<!--[if lte IE 8]><SCRIPT src='source/excanvas.js'></script><![endif]--><SCRIPT src='ChartNew.js'></script>
+
+
+<SCRIPT>
+
+defCanvasWidth=1200;
+defCanvasHeight=600;
+
+
+
+var mydata1 = {
+ labels : ["January","February","March","April","May","June","July"],
+ datasets : [
+ {
+ fillColor : "rgba(220,220,220,0.5)",
+ strokeColor : "rgba(220,220,220,1)",
+ pointColor : "rgba(220,220,220,1)",
+ pointStrokeColor : "#fff",
+ data : [0.65,0.59,0.90,0.81,0.56,0.55,0.40],
+ title : "pFirst data"
+ },
+ {
+ fillColor : "rgba(151,187,205,0.5)",
+ strokeColor : "rgba(151,187,205,1)",
+ pointColor : "rgba(151,187,205,1)",
+ pointStrokeColor : "#fff",
+ data : [0.28,0.48,0.40,0.19,0.96,0.27,1.00],
+ title : "pSecond data"
+ }
+ ]
+}
+
+
+var mydata2 = [
+ {
+ value : 30,
+ color: "#D97041",
+ title : "data1"
+ },
+ {
+ value : 90,
+ color: "#C7604C",
+ title : "data2"
+ },
+ {
+ value : 24,
+ color: "#21323D",
+ title : "data3"
+ },
+ {
+ value : 58,
+ color: "#9D9B7F",
+ title : "data4"
+ },
+ {
+ value : 82,
+ color: "#7D4F6D",
+ title : "data5"
+ },
+ {
+ value : 8,
+ color: "#584A5E",
+ title : "data6"
+ }
+]
+
+
+
+
+function annotateAllX(area,ctx,data,statData,posi,posj,othervars) {
+ if(ctx.tpchart=="Pie" || ctx.tpchart=="Doughnut" || ctx.tpchart=="PolarArea") {
+ retstring="";
+ for(i=0;i<data.length;i++)
+ {
+ retstring=retstring+statData[i].v1+"="+statData[i].v3+"<BR>";
+ }
+
+ } else {
+ retstring=statData[posi][posj].v2+'<BR>';
+ for(var i=0;i<data.datasets.length;i++){
+ if(typeof statData[i][posj].v3!="undefined")retstring=retstring+statData[i][posj].v1+"="+statData[i][posj].v3+"<BR>";
+ }
+ }
+ return "<%='"+retstring+"'%>";
+}
+
+var newopts = {
+ inGraphDataShow : true,
+ annotateDisplay : true,
+ rotateLabels : "smart",
+ annotateLabel: annotateAllX,
+ pointHitDetectionRadius : 10,
+ detectAnnotateOnFullLine : true
+}
+
+
+
+
+</SCRIPT>
+
+
+<html>
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+ <head>
+ <title>Demo ChartNew.js</title>
+
+ </head>
+ <body>
+
+ <!div id="divCursor" style="position:absolute"> <!/div>
+
+ <center>
+ <FONT SIZE=6><B>Demo of ChartNew.js !</B></FONT> <BR>
+
+ <script>
+
+
+ document.write("<canvas id=\"canvas_radar\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+ document.write("<canvas id=\"canvas_line\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+ document.write("<canvas id=\"canvas_bar\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+ document.write("<canvas id=\"canvas_stackedbar\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+ document.write("<canvas id=\"canvas_horizontalbar\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+ document.write("<canvas id=\"canvas_horizontalstackedbar\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+ document.write("<canvas id=\"canvas_polararea\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+ document.write("<canvas id=\"canvas_pie\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+ document.write("<canvas id=\"canvas_doughnut\" height=\""+defCanvasHeight+"\" width=\""+defCanvasWidth+"\"></canvas>");
+
+
+ setopts=newopts;
+
+
+window.onload = function() {
+
+
+ if(1==1) {
+ var myLine = new Chart(document.getElementById("canvas_line").getContext("2d")).Line(mydata1,setopts);
+ var myLine = new Chart(document.getElementById("canvas_bar").getContext("2d")).Bar(mydata1,setopts);
+ var myLine = new Chart(document.getElementById("canvas_stackedbar").getContext("2d")).StackedBar(mydata1,setopts);
+ var myLine = new Chart(document.getElementById("canvas_horizontalbar").getContext("2d")).HorizontalBar(mydata1,setopts);
+ var myLine = new Chart(document.getElementById("canvas_horizontalstackedbar").getContext("2d")).HorizontalStackedBar(mydata1,setopts);
+ var myLine = new Chart(document.getElementById("canvas_radar").getContext("2d")).Radar(mydata1,setopts);
+
+ var myLine = new Chart(document.getElementById("canvas_polararea").getContext("2d")).PolarArea(mydata2,setopts);
+ var myLine = new Chart(document.getElementById("canvas_pie").getContext("2d")).Pie(mydata2,setopts);
+ var myLine = new Chart(document.getElementById("canvas_doughnut").getContext("2d")).Doughnut(mydata2,setopts);
+ }
+
+}
+
+ </script>
+ </body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698