add visitors chart

Author: micrum

src/app/controllers/UsageController.js

@@ -8,6 +8,7 @@
     function UsageController() {
         var vm = this;
 
+        // TODO: move data to the service
         vm.ramChartData = [{key: 'Memory', y: 768660}, { key: 'Cache', y: 367404}, {key: 'Swap', y: 41924 }];
         vm.storageChartData = [{key: 'System', y: 126560}, {key: 'Other', y: 224365 }];
 
@@ -18,6 +19,7 @@
                 donut: true,
                 x: function (d) { return d.key; },
                 y: function (d) { return d.y; },
+                valueFormat: (d3.format(".0f")),
                 color: ['rgb(0, 150, 136)', '#E75753', 'rgb(235, 235, 235)'],
                 showLabels: false,
                 showLegend: false,

src/app/controllers/VisitorsController.js

@@ -0,0 +1,29 @@
+(function () {
+    angular
+        .module('app')
+        .controller('VisitorsController', [
+            VisitorsController
+        ]);
+
+    function VisitorsController() {
+        var vm = this;
+
+        // TODO: move data to the service
+        vm.visitorsChartData = [ {key: 'Mobile', y: 5264}, { key: 'Desktop', y: 3872} ];
+
+        vm.chartOptions = {
+            chart: {
+                type: 'pieChart',
+                height: 210,
+                donut: true,
+                x: function (d) { return d.key; },
+                y: function (d) { return d.y; },
+                valueFormat: (d3.format(".0f")),
+                color: ['rgb(0, 150, 136)', '#E75753'],
+                showLabels: false,
+                showLegend: false,
+                title: 'Over 9K'
+            }
+        };
+    }
+})();

src/app/views/partials/visitors.html

@@ -0,0 +1,3 @@
+<md-content ng-controller="VisitorsController as vm" class="md-padding" layout="row" layout-align="center center">
+    <nvd3 options="vm.chartOptions" data="vm.visitorsChartData"></nvd3>
+</md-content>