N°5621 Move C3 0.4.11 to NPM

2026-04-25 11:38:44 +02:00 · 2024-02-16 16:42:42 +01:00
parent ff079f7d01
commit f3fbce7459
609 changed files with 84517 additions and 6 deletions
--- a/node_modules/c3/htdocs/samples/chart_bar_stacked.html
+++ b/node_modules/c3/htdocs/samples/chart_bar_stacked.html
@@ -0,0 +1,91 @@
+<html>
+  <head>
+    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+  </head>
+  <body>
+    <div id="chart"></div>
+
+    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
+    <script src="/js/c3.js"></script>
+    <script>
+
+      var axis_x_type = 'category',
+          axis_rotated = false;
+
+      var generate = function () { return c3.generate({
+        data: {
+          columns: [
+            ['data1', 30, 200, 200, 400, 150, -250],
+            ['data2', 130, -100, 100, 200, 150, 50],
+            ['data3', 230, -200, 200, 0, 250, 250]
+          ],
+          type: 'bar',
+          groups: [
+            ['data1', 'data2']
+          ]
+        },
+        axis: {
+          x: {
+            type: axis_x_type
+          },
+          rotated: axis_rotated
+        },
+        grid: {
+          y: {
+            lines: [{value:0}]
+          }
+        },
+      }); }, chart = generate();
+
+      function update1() {
+        chart.groups([['data1', 'data2', 'data3']])
+      }
+
+      function update2() {
+        chart.load({
+          columns: [['data4', 100, 50, 150, -200, 300, -100]]
+        });
+      }
+
+      function update3() {
+        chart.groups([['data1', 'data2', 'data3', 'data4']])
+      }
+
+
+      setTimeout(update1, 1000);
+      setTimeout(update2, 2000);
+      setTimeout(update3, 3000);
+
+
+      setTimeout(function () {
+        axis_rotated = true;
+        chart = generate();
+      }, 4000);
+      setTimeout(update1, 5000);
+      setTimeout(update2, 6000);
+      setTimeout(update3, 7000);
+
+
+      setTimeout(function () {
+        axis_x_type = '';
+        axis_rotated = false;
+        chart = generate();
+      }, 8000);
+      setTimeout(update1, 9000);
+      setTimeout(update2, 10000);
+      setTimeout(update3, 11000);
+
+
+      setTimeout(function () {
+        axis_x_type = '';
+        axis_rotated = true;
+        chart = generate();
+      }, 12000);
+      setTimeout(update1, 13000);
+      setTimeout(update2, 14000);
+      setTimeout(update3, 15000);
+
+
+    </script>
+  </body>
+</html>