Convert task distribution chart to Vue.js component

2016-09-03 20:39:13 -04:00
parent 59fd3c366c
commit 8c07a0d03e
11 changed files with 35 additions and 42 deletions
--- a/assets/js/components/chart-project-task-distribution.js
+++ b/assets/js/components/chart-project-task-distribution.js
@@ -0,0 +1,18 @@
+Vue.component('chart-project-task-distribution', {
+    props: ['metrics'],
+    template: '<div id="chart"></div>',
+    ready: function () {
+        var columns = [];
+
+        for (var i = 0; i < this.metrics.length; i++) {
+            columns.push([this.metrics[i].column_title, this.metrics[i].nb_tasks]);
+        }
+
+        c3.generate({
+            data: {
+                columns: columns,
+                type : 'donut'
+            }
+        });
+    }
+});