aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/bower_components/chart.js/samples/pie.html
diff options
context:
space:
mode:
Diffstat (limited to 'public/bower_components/chart.js/samples/pie.html')
-rw-r--r--public/bower_components/chart.js/samples/pie.html58
1 files changed, 58 insertions, 0 deletions
diff --git a/public/bower_components/chart.js/samples/pie.html b/public/bower_components/chart.js/samples/pie.html
new file mode 100644
index 0000000..255a499
--- /dev/null
+++ b/public/bower_components/chart.js/samples/pie.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Pie Chart</title>
+ <script src="../Chart.js"></script>
+ </head>
+ <body>
+ <div id="canvas-holder">
+ <canvas id="chart-area" width="300" height="300"/>
+ </div>
+
+
+ <script>
+
+ var pieData = [
+ {
+ value: 300,
+ color:"#F7464A",
+ highlight: "#FF5A5E",
+ label: "Red"
+ },
+ {
+ value: 50,
+ color: "#46BFBD",
+ highlight: "#5AD3D1",
+ label: "Green"
+ },
+ {
+ value: 100,
+ color: "#FDB45C",
+ highlight: "#FFC870",
+ label: "Yellow"
+ },
+ {
+ value: 40,
+ color: "#949FB1",
+ highlight: "#A8B3C5",
+ label: "Grey"
+ },
+ {
+ value: 120,
+ color: "#4D5360",
+ highlight: "#616774",
+ label: "Dark Grey"
+ }
+
+ ];
+
+ window.onload = function(){
+ var ctx = document.getElementById("chart-area").getContext("2d");
+ window.myPie = new Chart(ctx).Pie(pieData);
+ };
+
+
+
+ </script>
+ </body>
+</html>