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

Unified Diff: polymer_0.5.0/bower_components/chartnewjs/Samples/issue_205.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/issue_205.html
diff --git a/polymer_0.5.0/bower_components/chartnewjs/Samples/issue_205.html b/polymer_0.5.0/bower_components/chartnewjs/Samples/issue_205.html
new file mode 100644
index 0000000000000000000000000000000000000000..fba17db0b18b36c0dcbd36ba3d2ca016e56c9872
--- /dev/null
+++ b/polymer_0.5.0/bower_components/chartnewjs/Samples/issue_205.html
@@ -0,0 +1,132 @@
+ <!doctype html>
+
+<!--[if lte IE 8]><SCRIPT src='source/excanvas.js'></script><![endif]--><SCRIPT src='../ChartNew.js'></script>
+
+<SCRIPT>
+
+
+
+var charJSPersonnalDefaultOptions = { decimalSeparator : "," , thousandSeparator : ".", roundNumber : "none", graphTitleFontSize: 2 };
+
+defCanvasWidth=600;
+defCanvasHeight=300;
+
+
+
+
+
+ var BarData = {
+ labels : ["January","February","March","April","May","June","July"],
+ datasets : [
+ {
+ strokeColor : "rgba(220,220,220,1)",
+ pointColor : "rgba(220,220,220,1)",
+ pointDotStrokeWidth : 1,
+ pointStrokeColor : "blue",
+ data : [10,20,30,24,32,18,15],
+ 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,1,0,2,25,0,4],
+ title : "Bar 2"
+ }
+ ]
+}
+
+
+
+
+
+</SCRIPT>
+
+
+<html>
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+ <head>
+ <title>Issue 205</title>
+ </head>
+ <body>
+
+ <center>
+ <FONT SIZE=6><B>Demo of ChartNew.js !</B></FONT> <BR>
+ <canvas id="canvas_Bar1" height="300" width="400"></canvas>
+ <canvas id="canvas_Bar2" height="300" width="400"></canvas>
+ <canvas id="canvas_Bar3" height="300" width="400"></canvas>
+ <canvas id="canvas_Bar4" height="300" width="400"></canvas>
+ <script>
+
+ var opts1= {
+ animation : false,
+ legend : true,
+ inGraphDataShow : true,
+ datasetFill : false,
+ inGraphDataYPosition: 3,
+ inGraphDataVAlign: "top",
+ inGraphDataPaddingY: -3,
+ graphTitleFontSize: 18,
+ graphTitle : "With default value for inGraphData options"
+ };
+
+ var opts2= {
+ animation : false,
+ legend : true,
+ inGraphDataShow : true,
+ datasetFill : false,
+ inGraphDataYPosition: [3,3],
+ inGraphDataVAlign: ["top","bottom"],
+ inGraphDataPaddingY: [-3,3],
+ graphTitle : "Solution 1"
+ };
+
+ var opts3= {
+ animation : false,
+ legend : true,
+ inGraphDataShow : true,
+ datasetFill : false,
+ inGraphDataYPosition: [3,3],
+ inGraphDataVAlign: ["top","bottom"],
+ inGraphDataPaddingY: [-3,3],
+ inGraphDataTmpl: "<%=(v3 > 0 ? v3 : '')%>",
+ graphTitle : "Solution 2 (0 not displayed)"
+ };
+
+function computeInGraphVAlign(area, ctx, data,statData, posi,posj,othervars) {
+ if(posi==1 && 1*data.datasets[posi].data[posj]<6) return("bottom");
+ else return("top");
+}
+
+function computeInGraphPaddingY(area, ctx, data,statData, posi,posj,othervars) {
+ if(posi==1 && 1*data.datasets[posi].data[posj]<6) return(3);
+ else return(-3);
+}
+
+ var opts4= {
+ animation : false,
+ legend : true,
+ inGraphDataShow : true,
+ datasetFill : false,
+ inGraphDataYPosition: 3,
+ inGraphDataVAlign: computeInGraphVAlign,
+ inGraphDataPaddingY: computeInGraphPaddingY,
+ inGraphDataTmpl: "<%=(v3 > 0 ? v3 : '')%>",
+ graphTitleFontSize: 18,
+ graphTitle : "Solution 3 - some options through a function"
+ };
+
+
+
+window.onload = function() {
+ var bar1 = new Chart(document.getElementById("canvas_Bar1").getContext("2d")).StackedBar(BarData,opts1);
+ var bar2 = new Chart(document.getElementById("canvas_Bar2").getContext("2d")).StackedBar(BarData,opts2);
+ var bar3 = new Chart(document.getElementById("canvas_Bar3").getContext("2d")).StackedBar(BarData,opts3);
+ var bar4 = new Chart(document.getElementById("canvas_Bar4").getContext("2d")).StackedBar(BarData,opts4);
+
+ }
+ </script>
+ </body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698