/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: js
*/
//$(function () {
//  "use strict";
//  // ============================================================== 
//  // Sales overview
//  // ============================================================== 
//  var chart2 = new Chartist.Bar('.amp-pxl', {
//    labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
//    series: [
//      [9, 5, 3, 7, 5, 10, 3],
//      [6, 3, 9, 5, 4, 6, 4]
//    ]
//  }, {
//    axisX: {
//      // On the x-axis start means top and end means bottom
//      position: 'end',
//      showGrid: false
//    },
//    axisY: {
//      // On the y-axis start means left and end means right
//      position: 'start'
//    },
//    high:'12',
//    low: '0',
//    plugins: [
//      Chartist.plugins.tooltip()
//    ]
//  });

//  // ============================================================== 
//  // Newsletter
//  // ============================================================== 

//  var chart = new Chartist.Line('.campaign', {
//    labels: [1, 2, 3, 4, 5, 6, 7, 8],
//    series: [
//      [0, 5, 6, 8, 25, 9, 8, 24]
//      , [0, 3, 1, 2, 8, 1, 5, 1]
//    ]}, {
//      low: 0,
//      high: 28,
//      showArea: true,
//      fullWidth: true,
//      plugins: [
//        Chartist.plugins.tooltip()
//      ],
//      axisY: {
//        onlyInteger: true
//        , scaleMinSpace: 40    
//        , offset: 20
//        , labelInterpolationFnc: function (value) {
//          return (value / 1) + 'k';
//        }
//      },
//    });

//  // Offset x1 a tiny amount so that the straight stroke gets a bounding box
//  // Straight lines don't get a bounding box 
//  // Last remark on -> http://www.w3.org/TR/SVG11/coords.html#ObjectBoundingBox
//  chart.on('draw', function(ctx) {  
//    if(ctx.type === 'area') {    
//      ctx.element.attr({
//        x1: ctx.x1 + 0.001
//      });
//    }
//  });

//  // Create the gradient definition on created event (always after chart re-render)
//  chart.on('created', function(ctx) {
//    var defs = ctx.svg.elem('defs');
//    defs.elem('linearGradient', {
//      id: 'gradient',
//      x1: 0,
//      y1: 1,
//      x2: 0,
//      y2: 0
//    }).elem('stop', {
//      offset: 0,
//      'stop-color': 'rgba(255, 255, 255, 1)'
//    }).parent().elem('stop', {
//      offset: 1,
//      'stop-color': 'rgba(38, 198, 218, 1)'
//    });
//  });


//  var chart = [chart2, chart];

//  // ============================================================== 
//  // This is for the animation
//  // ==============================================================

//  for (var i = 0; i < chart.length; i++) {
//    chart[i].on('draw', function(data) {
//      if (data.type === 'line' || data.type === 'area') {
//        data.element.animate({
//          d: {
//            begin: 500 * data.index,
//            dur: 500,
//            from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
//            to: data.path.clone().stringify(),
//            easing: Chartist.Svg.Easing.easeInOutElastic
//          }
//        });
//      }
//      if (data.type === 'bar') {
//        data.element.animate({
//          y2: {
//            dur: 500,
//            from: data.y1,
//            to: data.y2,
//            easing: Chartist.Svg.Easing.easeInOutElastic
//          },
//          opacity: {
//            dur: 500,
//            from: 0,
//            to: 1,
//            easing: Chartist.Svg.Easing.easeInOutElastic
//          }
//        });
//      }
//    });
//  }

//  // ============================================================== 
//  // Our visitor
//  // ============================================================== 

//  var chart = c3.generate({
//    bindto: '#visitor',
//    data: {
//      columns: [
//        ['Other', 30],
//        ['Desktop', 10],
//        ['Tablet', 40],
//        ['Mobile', 50],
//      ],

//      type : 'donut',
//      onclick: function (d, i) { console.log("onclick", d, i); },
//      onmouseover: function (d, i) { console.log("onmouseover", d, i); },
//      onmouseout: function (d, i) { console.log("onmouseout", d, i); }
//    },
//    donut: {
//      label: {
//        show: false
//      },
//      title: "Our visitor",
//      width:20,

//    },

//    legend: {
//      hide: true
//      //or hide: 'data1'
//      //or hide: ['data1', 'data2']
//    },
//    color: {
//      pattern: ['#eceff1', '#745af2', '#26c6da', '#1e88e5']
//    }
//  });

//  // ============================================================== 
//  // Badnwidth usage
//  // ============================================================== 
//  new Chartist.Line('.usage', {
//    labels: ['0', '4', '8', '12', '16', '20', '24', '30']
//    , series: [
//      [5, 0, 12, 1, 8, 3, 12, 15]

//    ]
//  }, {
//    high:10
//    , low: 0
//    , showArea: true
//    , fullWidth: true
//    , plugins: [
//      Chartist.plugins.tooltip()
//    ], // As this is axis specific we need to tell Chartist to use whole numbers only on the concerned axis
//    axisY: {
//      onlyInteger: true
//      , offset: 20
//      , showLabel: false
//      , showGrid: false
//      , labelInterpolationFnc: function (value) {
//        return (value / 1) + 'k';
//      }
//    }
//    , axisX: {
//      showLabel: false
//      , divisor: 1
//      , showGrid: false
//      , offset: 0
//    }
//  });
//  // ============================================================== 
//  // Download count
//  // ============================================================== 
//  var sparklineLogin = function () {
//    $('.spark-count').sparkline([4, 5, 0, 10, 9, 12, 4, 9, 4, 5, 3, 10, 9, 12, 10, 9, 12, 4, 9], {
//      type: 'bar'
//      , width: '100%'
//      , height: '70'
//      , barWidth: '2'
//      , resize: true
//      , barSpacing: '6'
//      , barColor: 'rgba(255, 255, 255, 0.3)'
//    });

//  }
//  var sparkResize;

//  sparklineLogin();
//});