From: Evert Timberg <evert.timberg@gmail.com>
Date: Wed, 17 Jun 2015 02:05:20 +0000 (-0400)
Subject: Update bar sample to handle adding and removing datasets
X-Git-Tag: 2.0.0-alpha4~82^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=f2298aed77dfc5bffdd30e9890886ce6368e5281;p=thirdparty%2FChart.js.git

Update bar sample to handle adding and removing datasets
---

diff --git a/samples/bar.html b/samples/bar.html
index c9a466572..d79d082c7 100644
--- 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>