]> git.ipfire.org Git - thirdparty/Chart.js.git/commitdiff
projects / thirdparty / Chart.js.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: c9c1853)
Update radar sample + use the same colour functions in all samples 1221/head
authorEvert Timberg <evert.timberg@gmail.com>
Wed, 17 Jun 2015 02:21:40 +0000 (22:21 -0400)
committerEvert Timberg <evert.timberg@gmail.com>
Wed, 17 Jun 2015 02:21:40 +0000 (22:21 -0400)
samples/doughnut.html patch | blob | blame | history
samples/line.html patch | blob | blame | history
samples/pie.html patch | blob | blame | history
samples/radar.html patch | blob | blame | history

diff --git a/samples/doughnut.html b/samples/doughnut.html
index 93f7c8656c7aa3e494661a71bd0b35b7da00ce42..f2746557a2609958ddb7977ed10b90abcd7705a3 100644 (file)
--- a/samples/doughnut.html
+++ b/samples/doughnut.html
@@ -32,7 +32,7 @@
         return Math.round(Math.random() * 255);
     };
     var randomColor = function(opacity) {
-        return 'rgba(' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + (opacity || '.3') + ')';
+        return 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',' + (opacity || '.3') + ')';
     };
 
     var config = {
diff --git a/samples/line.html b/samples/line.html
index c7ea97c17e58cc4891cc6d530ccde56f83e148ca..b4d9bc4ee7237a55c6e24bc70da16c53ccaecc75 100644 (file)
--- a/samples/line.html
+++ b/samples/line.html
@@ -25,8 +25,11 @@
     var randomScalingFactor = function() {
         return Math.round(Math.random() * 100 * (Math.random() > 0.5 ? -1 : 1));
     };
+    var randomColorFactor = function() {
+        return Math.round(Math.random() * 255);
+    };
     var randomColor = function(opacity) {
-        return 'rgba(' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + (opacity || '.3') + ')';
+        return 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',' + (opacity || '.3') + ')';
     };
 
     var config = {
diff --git a/samples/pie.html b/samples/pie.html
index 2ae05735551c538f4dd059f8c10e33a3d35eb6b1..571efb03787de6bc42e8d76a154ef097e67aa87c 100644 (file)
--- a/samples/pie.html
+++ b/samples/pie.html
@@ -18,8 +18,11 @@
     var randomScalingFactor = function() {
         return Math.round(Math.random() * 100);
     };
+    var randomColorFactor = function() {
+        return Math.round(Math.random() * 255);
+    };
     var randomColor = function(opacity) {
-        return 'rgba(' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + (opacity || '.3') + ')';
+        return 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',' + (opacity || '.3') + ')';
     };
 
     var config = {
diff --git a/samples/radar.html b/samples/radar.html
index 0630bc1edce7814430807097df6880bf87ea6ff5..fd1214cbbdc535394bfc6fd3d3bf1dae24dcc7bc 100644 (file)
--- a/samples/radar.html
+++ b/samples/radar.html
@@ -8,10 +8,12 @@
 </head>
 
 <body>
-    <div style="width:100%">
+    <div style="width:50%">
         <canvas id="canvas" height="450" width="450"></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.round(Math.random() * 100);
@@ -19,6 +21,9 @@
     var randomColorFactor = function() {
         return Math.round(Math.random() * 255);
     };
+    var randomColor = function(opacity) {
+        return 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',' + (opacity || '.3') + ')';
+    };
 
     var config = {
         type: 'radar',
@@ -53,6 +58,24 @@
 
         window.myRadar.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.myRadar.addDataset(newDataset);
+    });
+
+    $('#removeDataset').click(function() {
+        window.myRadar.removeDataset(0);
+    });
     </script>
 </body>
 
Mirror of https://github.com/chartjs/Chart.js.git