Update bar sample to handle adding and removing datasets

diff --git a/samples/bar.html b/samples/bar.html
index c9a466572712fe900fac882971d6cc322856a583..d79d082c7b49cecd1585203af3e8568ed5ee00e9 100644 (file)
--- a/samples/bar.html
+++ b/samples/bar.html
@@ -12,6 +12,8 @@
         <canvas id="canvas" height="450" width="600"></canvas>
     </div>
     <button id="randomizeData">Randomize Data</button>
+    <button id="addDataset">Add Dataset</button>
+    <button id="removeDataset">Remove Dataset</button>
     <script>
     var randomScalingFactor = function() {
         return (Math.random() > 0.5 ? 1.0 : -1.0) * Math.round(Math.random() * 100);
@@ -19,6 +21,9 @@
     var randomColorFactor = function() {
         return Math.round(Math.random() * 255);
     };
+    var randomColor = function() {
+        return 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',.7)';
+    };
 
     var barChartData = {
         labels: ["January", "February", "March", "April", "May", "June", "July"],
@@ -51,12 +56,26 @@
     $('#randomizeData').click(function() {
         var zero = Math.random() < 0.2 ? [0, 0, 0, 0, 0, 0, 0] : false;
         $.each(barChartData.datasets, function(i, dataset) {
-            dataset.backgroundColor = 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',.7)';
+            dataset.backgroundColor = randomColor();
             dataset.data = zero || [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()];
 
         });
         window.myBar.update();
     });
+
+    $('#addDataset').click(function() {
+        var newDataset = {
+            label: 'Dataset ' + barChartData.datasets.length,
+            backgroundColor: randomColor(),
+            data: [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()]
+        };
+
+        window.myBar.addDataset(newDataset, 1);
+    });
+
+    $('#removeDataset').click(function() {
+        window.myBar.removeDataset(0);
+    });
     </script>
 </body>