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

Update line sample to test adding and removing datasets
---

diff --git a/samples/line.html b/samples/line.html
index b920a04dd..c7ea97c17 100644
--- a/samples/line.html
+++ b/samples/line.html
@@ -19,6 +19,8 @@
     <br>
     <br>
     <button id="randomizeData">Randomize Data</button>
+    <button id="addDataset">Add Dataset</button>
+    <button id="removeDataset">Remove Dataset</button>
     <script>
     var randomScalingFactor = function() {
         return Math.round(Math.random() * 100 * (Math.random() > 0.5 ? -1 : 1));
@@ -70,11 +72,28 @@
 
     $('#randomizeData').click(function() {
         config.data.datasets[0].data = [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()];
-
         config.data.datasets[1].data = [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()];
 
         window.myLine.update();
     });
+
+    $('#addDataset').click(function() {
+        var newDataset = {
+            label: 'Dataset ' + config.data.datasets.length,
+            borderColor: randomColor(0.4),
+            backgroundColor: randomColor(0.5),
+            pointBorderColor: randomColor(0.7),
+            pointBackgroundColor: randomColor(0.5),
+            pointBorderWidth: 1,
+            data: [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()]
+        };
+
+        window.myLine.addDataset(newDataset);
+    });
+
+    $('#removeDataset').click(function() {
+        window.myLine.removeDataset(0);
+    });
     </script>
 </body>