text: $(function() {
      "use strict";
  
  // chart 1
  
    var ctx = document.getElementById("dashboard5-chart-1").getContext('2d');
     
    var gradientStroke1 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke1.addColorStop(0, '#6078ea');  
        gradientStroke1.addColorStop(1, '#17c5ea'); 
     
    var gradientStroke2 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke2.addColorStop(0, '#ff8359');
        gradientStroke2.addColorStop(1, '#ffdf40');
  
        var myChart = new Chart(ctx, {
          type: 'bar',
          data: {
            labels: [1, 2, 3, 4, 5, 6, 7, 8,9,10,11,12],
            datasets: [{
              label: 'Laptops',
              data: [65, 59, 80, 81,65, 59, 80, 81,59, 80, 81,65],
              borderColor: gradientStroke1,
              backgroundColor: gradientStroke1,
              hoverBackgroundColor: gradientStroke1,
              pointRadius: 0,
              fill: false,
              borderWidth: 0
            }, {
              label: 'Mobiles',
              data: [28, 48, 40, 19,28, 48, 40, 19,40, 19,28, 48],
              borderColor: gradientStroke2,
              backgroundColor: gradientStroke2,
              hoverBackgroundColor: gradientStroke2,
              pointRadius: 0,
              fill: false,
              borderWidth: 0
            }]
          },
  		
  		options:{
  			maintainAspectRatio: false,
  		  legend: {
  			  position: 'bottom',
                display: true,
  			  labels: {
  				fontColor: '#ddd',
                  boxWidth:8
                }
              },
  			tooltips: {
  			  displayColors:false,
  			},	
  		  scales: {
  			  xAxes: [{
  				barPercentage: .5,
  				ticks: {
                      beginAtZero:true,
                      fontColor: '#ddd'
                  },
  				gridLines: {
  				  display: true ,
  				  color: "rgba(221, 221, 221, 0.08)"
  				},
  			  }],
  			   yAxes: [{
  				ticks: {
                      beginAtZero:true,
                      fontColor: '#ddd'
                  },
  				gridLines: {
  				  display: true ,
  				  color: "rgba(221, 221, 221, 0.08)"
  				},
  			  }]
  		     }
  		}
        });
  	  
  	 
  // chart 2
  
   var ctx = document.getElementById("dashboard5-chart-2").getContext('2d');
  
    var gradientStroke1 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke1.addColorStop(0, '#fc4a1a');
        gradientStroke1.addColorStop(1, '#f7b733');
  
    var gradientStroke2 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke2.addColorStop(0, '#4776e6');
        gradientStroke2.addColorStop(1, '#8e54e9');
  
  
    var gradientStroke3 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke3.addColorStop(0, '#ee0979');
        gradientStroke3.addColorStop(1, '#ff6a00');
  	  
  	var gradientStroke4 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke4.addColorStop(0, '#42e695');
        gradientStroke4.addColorStop(1, '#3bb2b8');
  
        var myChart = new Chart(ctx, {
          type: 'doughnut',
          data: {
            labels: ["Jeans", "T-Shirts", "Shoes", "Lingerie"],
            datasets: [{
              backgroundColor: [
                gradientStroke1,
                gradientStroke2,
                gradientStroke3,
                gradientStroke4
              ],
              hoverBackgroundColor: [
                gradientStroke1,
                gradientStroke2,
                gradientStroke3,
                gradientStroke4
              ],
              data: [25, 80, 25, 25],
  			borderWidth: [1, 1, 1, 1]
            }]
          },
          options: {
  			maintainAspectRatio: false,
  			cutoutPercentage: 75,
              legend: {
  			  position: 'bottom',
                display: true,
  			  labels: {
  				fontColor: '#ddd',
                  boxWidth:8
                }
              },
  			tooltips: {
  			  displayColors:false,
  			}
          }
        });
  
     
  
  // worl map
  
  jQuery('#dashboard-map').vectorMap(
  {
      map: 'world_mill_en',
      backgroundColor: 'transparent',
      borderColor: '#818181',
      borderOpacity: 0.25,
      borderWidth: 1,
      zoomOnScroll: false,
      color: '#009efb',
      regionStyle : {
          initial : {
            fill : '#BC0000'
          }
        },
      markerStyle: {
        initial: {
  				r: 9,
  				'fill': '#fff',
  				'fill-opacity':1,
  				'stroke': '#000',
  				'stroke-width' : 5,
  				'stroke-opacity': 0.4
                  },
                  },
      enableZoom: true,
      hoverColor: '#009efb',
      markers : [{
          latLng : [21.00, 78.00],
          name : 'Lorem Ipsum Dollar'
        
        }],
      hoverOpacity: null,
      normalizeFunction: 'linear',
      scaleColors: ['#b6d6ff', '#005ace'],
      selectedColor: '#c9dfaf',
      selectedRegions: [],
      showTooltip: true,
  });
  
  
  // chart 3
  
   var ctx = document.getElementById('dashboard5-chart-3').getContext('2d');
  
    var gradientStroke1 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke1.addColorStop(0, '#ee0979');
        gradientStroke1.addColorStop(1, 'rgba(255, 106, 0, 0.57)');
  
        var myChart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            datasets: [{
              label: 'Revenue',
              data: [3, 30, 10, 10, 22, 12, 5],
              pointBorderWidth: 2,
              pointHoverBackgroundColor: gradientStroke1,
              backgroundColor: gradientStroke1,
              borderColor: 'transparent',
              borderWidth: 1
            }]
          },
          options: {
  			maintainAspectRatio: false,
              legend: {
  			  position: 'bottom',
                display:false
              },
              tooltips: {
  			  displayColors:false,	
                mode: 'nearest',
                intersect: false,
                position: 'nearest',
                xPadding: 10,
                yPadding: 10,
                caretPadding: 10
              },
  			scales: {
  			  xAxes: [{
  				ticks: {
                      beginAtZero:true,
                      fontColor: '#eee'
                  },
  				gridLines: {
  				  display: true ,
  				  color: "rgba(221, 221, 221, 0.08)"
  				},
  			  }],
  			   yAxes: [{
  				ticks: {
                      beginAtZero:true,
                      fontColor: '#eee'
                  },
  				gridLines: {
  				  display: true ,
  				  color: "rgba(221, 221, 221, 0.08)"
  				},
  			  }]
  		     }
  
           }
        });
  
  
  
  // chart 4
  
  var ctx = document.getElementById("dashboard5-chart-4").getContext('2d');
  
    var gradientStroke1 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke1.addColorStop(0, '#ee0979');
        gradientStroke1.addColorStop(1, '#ff6a00');
      
    var gradientStroke2 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke2.addColorStop(0, '#283c86');
        gradientStroke2.addColorStop(1, '#39bd3c');
  
    var gradientStroke3 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke3.addColorStop(0, '#7f00ff');
        gradientStroke3.addColorStop(1, '#e100ff');
  
        var myChart = new Chart(ctx, {
          type: 'pie',
          data: {
            labels: ["Completed", "Pending", "Process"],
            datasets: [{
              backgroundColor: [
                gradientStroke1,
                gradientStroke2,
                gradientStroke3
              ],
  
               hoverBackgroundColor: [
                gradientStroke1,
                gradientStroke2,
                gradientStroke3
              ],
  
              data: [50, 50, 50],
        borderWidth: [0, 0, 0]
            }]
          },
           options: {
  			 maintainAspectRatio: false,
             cutoutPercentage: 0,
             legend: {
                 position: 'bottom',
                 display: true,
              labels: {
  			    fontColor: '#eee',
                  boxWidth:8
                }
              },
  			tooltips:{
  				displayColors:false,
  			 }
          }
        });
  
  	  
    // chart 5
  
      var ctx = document.getElementById("dashboard5-chart-5").getContext('2d');
     
        var gradientStroke1 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke1.addColorStop(0, '#f54ea2');
        gradientStroke1.addColorStop(1, '#ff7676');
  
        var gradientStroke2 = ctx.createLinearGradient(0, 0, 0, 300);
        gradientStroke2.addColorStop(0, '#42e695');
        gradientStroke2.addColorStop(1, '#3bb2b8');
  
        var myChart = new Chart(ctx, {
          type: 'bar',
          data: {
            labels: [1, 2, 3, 4, 5, 6, 7, 8],
            datasets: [{
              label: 'Clothing',
              data: [40, 30, 60, 35, 60, 25, 50, 40],
              borderColor: gradientStroke1,
              backgroundColor: gradientStroke1,
              hoverBackgroundColor: gradientStroke1,
              pointRadius: 0,
              fill: false,
              borderWidth: 1
            }, {
              label: 'Electronic',
              data: [50, 60, 40, 70, 35, 75, 30, 20],
              borderColor: gradientStroke2,
              backgroundColor: gradientStroke2,
              hoverBackgroundColor: gradientStroke2,
              pointRadius: 0,
              fill: false,
              borderWidth: 1
            }]
          },
  		options:{
  			maintainAspectRatio: false,
  		  legend: {
  			  position: 'bottom',
                display: true,
  			  labels: {
  				fontColor: '#eee',  
                  boxWidth:8
                }
              },
  			tooltips:{
  				displayColors:false,
  			  },
  			scales: {
  			  xAxes: [{
  				barPercentage: .5,
  				ticks: {
                      beginAtZero:true,
                      fontColor: '#eee'
                  },
  				gridLines: {
  				  display: true ,
  				  color: "rgba(221, 221, 221, 0.08)"
  				},
  			  }],
  			   yAxes: [{
  				ticks: {
                      beginAtZero:true,
                      fontColor: '#eee'
                  },
  				gridLines: {
  				  display: true ,
  				  color: "rgba(221, 221, 221, 0.08)"
  				},
  			  }]
  		     }
  
  		}
        });
  
  
  
  
     });	 
     