1#@!#!123s

: / proc / thread-self / root / home / shubmkcj / urbane.createerp.com / assets / pages /
Filename : jquery.dashboard-2.js
back
/**
* Theme: Adminox Dashboard
* Author: Coderthemes
* Dashboard 2
*/


$( document ).ready(function() {

  var DrawSparkline = function() {
      $('#dashboard-1').sparkline([20, 40, 30, 10], {
          type: 'pie',
          width: '80',
          height: '80',
          sliceColors: ['#60befc', '#6248ff','#e3b0db','#dbdbdb']
      });
      $('#dashboard-2').sparkline([25, 35, 21], {
          type: 'pie',
          width: '80',
          height: '80',
          sliceColors: ['#6ad9c3', '#9aa1f2','#ebeff2']
      });
      $('#dashboard-3').sparkline([20, 40, 30], {
          type: 'pie',
          width: '80',
          height: '80',
          sliceColors: ['#c086f3','#65acff', '#7ed321']
      });
  }

  DrawSparkline();

  var resizeChart;

  $(window).resize(function(e) {
    clearTimeout(resizeChart);
    resizeChart = setTimeout(function() {
      DrawSparkline();
    }, 300);
  });
});


!function($) {
    "use strict";

    var MorrisCharts = function() {};

        //creates Stacked chart
        MorrisCharts.prototype.createStackedChart  = function(element, data, xkey, ykeys, labels, lineColors) {
            Morris.Bar({
                element: element,
                data: data,
                xkey: xkey,
                ykeys: ykeys,
                stacked: true,
                labels: labels,
                hideHover: 'auto',
                resize: true, //defaulted to true
                gridLineColor: '#eeeeee',
                barColors: lineColors,
                barSizeRatio: 0.5
            });
        },

        //creates line chart
        MorrisCharts.prototype.createLineChart = function(element, data, xkey, ykeys, labels, opacity, Pfillcolor, Pstockcolor, lineColors) {
            Morris.Line({
                element: element,
                data: data,
                xkey: xkey,
                ykeys: ykeys,
                labels: labels,
                fillOpacity: opacity,
                pointFillColors: Pfillcolor,
                pointStrokeColors: Pstockcolor,
                behaveLikeLine: true,
                gridLineColor: '#eef0f2',
                hideHover: 'auto',
                lineWidth: '3px',
                pointSize: 0,
                preUnits: '$',
                resize: true, //defaulted to true
                lineColors: lineColors
            });
        },

        MorrisCharts.prototype.init = function() {

            //creating Stacked chart
            var $stckedData  = [
                { y: '2005', a: 45, b: 180, c: 100 },
                { y: '2006', a: 75,  b: 65, c: 80 },
                { y: '2007', a: 100, b: 90, c: 56 },
                { y: '2008', a: 75,  b: 65, c: 89 },
                { y: '2009', a: 100, b: 90, c: 120 },
                { y: '2010', a: 75,  b: 65, c: 110 },
                { y: '2011', a: 50,  b: 40, c: 85 },
                { y: '2012', a: 75,  b: 65, c: 52 },
                { y: '2013', a: 50,  b: 40, c: 77 },
                { y: '2014', a: 75,  b: 65, c: 90 },
                { y: '2015', a: 100, b: 90, c: 130 },
                { y: '2016', a: 80, b: 65, c: 95 }
            ];
            this.createStackedChart('morris-bar-stacked', $stckedData, 'y', ['a', 'b', 'c'], ['Series A', 'Series B','Series C'], ['#6ad9c3', '#9aa1f2','#ebeff2']);

            //create line chart
            var $data  = [
                { y: '2008', a: 50, b: 0 },
                { y: '2009', a: 75, b: 50 },
                { y: '2010', a: 30, b: 80 },
                { y: '2011', a: 50, b: 50 },
                { y: '2012', a: 75, b: 10 },
                { y: '2013', a: 50, b: 40 },
                { y: '2014', a: 75, b: 50 },
                { y: '2015', a: 100, b: 70 }
            ];
            this.createLineChart('morris-line-example', $data, 'y', ['a', 'b'], ['Series A', 'Series B'],['0.1'],['#ffffff'],['#999999'], ['#5553ce ', '#f06292']);
        },
        //init
        $.MorrisCharts = new MorrisCharts, $.MorrisCharts.Constructor = MorrisCharts
}(window.jQuery),

//initializing
    function($) {
        "use strict";
        $.MorrisCharts.init();
    }(window.jQuery);