add buggy test case

sgratzl · sgratzl · commit 922fdf3b5206 · 2018-12-18T20:14:01.000+01:00
diff --git a/samples/end_hierarchy.html b/samples/end_hierarchy.html
@@ -0,0 +1,95 @@
+<!doctype html>
+<html>
+
+<head>
+  <title>Hierarchical Bar Chart</title>
+  <script src="../node_modules/chart.js/dist/Chart.bundle.js"></script>
+  <script src="../build/Chart.Hierarchical.js" type="text/javascript"></script>
+  <style>
+    canvas {
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
+    }
+
+  </style>
+</head>
+
+<body>
+  <div id="container" style="width: 75%;">
+    <canvas id="canvas"></canvas>
+  </div>
+  <script>
+    const data = {
+      // define label tree
+      labels: [
+        'A',
+        {
+          label: 'C1',
+          expand: true,
+          children: ['C1.1', 'C1.2', 'C1.3',
+          {
+            label: 'C1.4',
+            expand: true,
+            children: ['C1.4.1', 'C1.4.2', 'C1.4.3']
+          }]
+        }
+      ],
+      datasets: [{
+        label: 'Test',
+        // store as the tree attribute for reference, the data attribute will be automatically managed
+        tree: [
+          1,
+          {
+            value: 6,
+            children: [7, 8, 9, {
+              value: 10,
+              children: [11, 12, 13]
+            }]
+          }
+        ]
+      }]
+    };
+    window.onload = () => {
+      const ctx = document.getElementById("canvas").getContext("2d");
+      window.myBar = new Chart(ctx, {
+        type: 'bar',
+        data: data,
+        options: {
+          responsive: true,
+          title: {
+            display: true,
+            text: 'Chart.js Hierarchical Bar Chart'
+          },
+          layout: {
+            padding: {
+              // add more space at the bottom for the hierarchy
+              bottom: 60
+            }
+          },
+          scales: {
+            xAxes: [{
+              type: 'hierarchical',
+              // offset setings, for centering the categorical axis in the bar chart case
+              offset: true,
+
+              // grid line settings
+              gridLines: {
+                offsetGridLines: true
+              }
+            }],
+            yAxes: [{
+              ticks: {
+                beginAtZero: true
+              }
+            }]
+          }
+        }
+      });
+
+    };
+
+  </script>
+</body>
+
+</html>
