diff options
| author | ARC <arjunrc@gmail.com> | 2015-05-17 11:43:25 -0400 |
|---|---|---|
| committer | ARC <arjunrc@gmail.com> | 2015-05-17 11:43:25 -0400 |
| commit | 8c877315a6b3fe6abe4168ca8c39f161a0b6da86 (patch) | |
| tree | e822ba2256bfa55485e4931485661f6186e32000 /www/lib/Chart.js/samples/radar.html | |
| parent | 24d9325ede86d5688bbe14979e499effe5e5a284 (diff) | |
Switched from google-chart back to chart.js - I couldn't get axis animations right with google
Diffstat (limited to 'www/lib/Chart.js/samples/radar.html')
| -rw-r--r-- | www/lib/Chart.js/samples/radar.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/www/lib/Chart.js/samples/radar.html b/www/lib/Chart.js/samples/radar.html new file mode 100644 index 00000000..6a04f879 --- /dev/null +++ b/www/lib/Chart.js/samples/radar.html @@ -0,0 +1,53 @@ +<!doctype html> +<html> + <head> + <title>Radar Chart</title> + <script src="../Chart.js"></script> + <meta name = "viewport" content = "initial-scale = 1, user-scalable = no"> + <style> + canvas{ + } + </style> + </head> + <body> + <div style="width:30%"> + <canvas id="canvas" height="450" width="450"></canvas> + </div> + + + <script> + var radarChartData = { + labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"], + datasets: [ + { + label: "My First dataset", + fillColor: "rgba(220,220,220,0.2)", + strokeColor: "rgba(220,220,220,1)", + pointColor: "rgba(220,220,220,1)", + pointStrokeColor: "#fff", + pointHighlightFill: "#fff", + pointHighlightStroke: "rgba(220,220,220,1)", + data: [65,59,90,81,56,55,40] + }, + { + label: "My Second dataset", + fillColor: "rgba(151,187,205,0.2)", + strokeColor: "rgba(151,187,205,1)", + pointColor: "rgba(151,187,205,1)", + pointStrokeColor: "#fff", + pointHighlightFill: "#fff", + pointHighlightStroke: "rgba(151,187,205,1)", + data: [28,48,40,19,96,27,100] + } + ] + }; + + window.onload = function(){ + window.myRadar = new Chart(document.getElementById("canvas").getContext("2d")).Radar(radarChartData, { + responsive: true + }); + } + + </script> + </body> +</html> |