From 595464fc7ee73768693baf067760b7ad69315865 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ville=20H=C3=A4m=C3=A4l=C3=A4inen?=
 <hamalainen.ville.p@gmail.com>
Date: Sun, 28 Feb 2016 10:03:43 +0200
Subject: [PATCH] improve polar-area sample

- set title
- set same size canvas as other samples
- remove user select from canvas
---
 samples/polar-area.html | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)
diff --git a/samples/polar-area.html b/samples/polar-area.html
index ee0dad377..8a69f5a85 100644
--- a/samples/polar-area.html
+++ b/samples/polar-area.html
@@ -5,21 +5,22 @@
     <title>Polar Area Chart</title>
     <script src="../dist/Chart.bundle.js"></script>
     <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+    <style>
+    canvas {
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+    }
+    </style>
 </head>
 
 <body>
-    <div id="canvas-holder" style="width:100%">
+    <div id="canvas-holder" style="width:75%">
         <canvas id="chart-area"></canvas>
     </div>
     <button id="randomizeData">Randomize Data</button>
     <button id="addData">Add Data</button>
     <button id="removeData">Remove Data</button>
-    <div>
-        <h3>Legend</h3>
-        <div id="legendContainer">
-
-        </div>
-    </div>
     <script>
     var randomScalingFactor = function() {
         return Math.round(Math.random() * 100);
@@ -65,7 +66,7 @@
             },
             title: {
                 display: true,
-                text: 'Our Favorite Dataset'
+                text: 'Chart.js Polar Area Chart'
             },
             scale: {
               ticks: {
@@ -80,15 +81,8 @@
     window.onload = function() {
         var ctx = document.getElementById("chart-area");
         window.myPolarArea = Chart.PolarArea(ctx, config);
-        updateLegend();
     };
 
-    function updateLegend() {
-        $legendContainer = $('#legendContainer');
-        $legendContainer.empty();
-        $legendContainer.append(window.myPolarArea.generateLegend());
-    }
-
     $('#randomizeData').click(function() {
         $.each(config.data.datasets, function(i, piece) {
             $.each(piece.data, function(j, value) {
@@ -97,7 +91,6 @@
             });
         });
         window.myPolarArea.update();
-        updateLegend();
     });
 
     $('#addData').click(function() {
@@ -110,7 +103,6 @@
             });
 
             window.myPolarArea.update();
-            updateLegend();
         }
     });
 
@@ -123,7 +115,6 @@
         });
 
         window.myPolarArea.update();
-        updateLegend();
     });
     </script>
 </body>
