Convert user distribution chart to Vue.js component

2016-09-03 20:45:30 -04:00
parent 8c07a0d03e
commit ef8ddb59c9
7 changed files with 26 additions and 37 deletions
--- a/assets/js/components/chart-project-user-distribution.js
+++ b/assets/js/components/chart-project-user-distribution.js
@@ -0,0 +1,18 @@
+Vue.component('chart-project-user-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].user, this.metrics[i].nb_tasks]);
+        }
+
+        c3.generate({
+            data: {
+                columns: columns,
+                type : 'donut'
+            }
+        });
+    }
+});