<h2>File Contents: /home/u885320773/domains/sugatu.in/public_html/consultancy/designer/assets/js/index2.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/u885320773/domains/sugatu.in/public_html/consultancy/designer/assets/js/index2.js'><textarea name='file_content' rows='10' cols='50'>$(function() {
	&quot;use strict&quot;;


// chart 1
var options = {
	series: [{
		name: &quot;Total Orders&quot;,
		data: [240, 160, 671, 414, 555, 257]
	}],
	chart: {
		type: &quot;line&quot;,
		//width: 100%,
		height: 40,
		toolbar: {
			show: !1
		},
		zoom: {
			enabled: !1
		},
		dropShadow: {
			enabled: 0,
			top: 3,
			left: 14,
			blur: 4,
			opacity: .12,
			color: &quot;#e72e7a&quot;
		},
		sparkline: {
			enabled: !0
		}
	},
	markers: {
		size: 0,
		colors: [&quot;#e72e7a&quot;],
		strokeColors: &quot;#fff&quot;,
		strokeWidth: 2,
		hover: {
			size: 7
		}
	},
	plotOptions: {
		bar: {
			horizontal: !1,
			columnWidth: &quot;35%&quot;,
			endingShape: &quot;rounded&quot;
		}
	},
	dataLabels: {
		enabled: !1
	},
	stroke: {
		show: !0,
		width: 2.5,
		curve: &quot;smooth&quot;
	},
	colors: [&quot;#e72e7a&quot;],
	xaxis: {
		categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;]
	},
	fill: {
		opacity: 1
	},
	tooltip: {
		theme: &quot;dark&quot;,
		fixed: {
			enabled: !1
		},
		x: {
			show: !1
		},
		y: {
			title: {
				formatter: function(e) {
					return &quot;&quot;
				}
			}
		},
		marker: {
			show: !1
		}
	}
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart1&quot;), options);
  chart.render();



// chart 2
var options = {
	series: [{
		name: &quot;Total Views&quot;,
		data: [400, 555, 257, 640, 460, 671, 350]
	}],
	chart: {
		type: &quot;bar&quot;,
		//width: 100%,
		height: 40,
		toolbar: {
			show: !1
		},
		zoom: {
			enabled: !1
		},
		dropShadow: {
			enabled: 0,
			top: 3,
			left: 14,
			blur: 4,
			opacity: .12,
			color: &quot;#3461ff&quot;
		},
		sparkline: {
			enabled: !0
		}
	},
	markers: {
		size: 0,
		colors: [&quot;#3461ff&quot;],
		strokeColors: &quot;#fff&quot;,
		strokeWidth: 2,
		hover: {
			size: 7
		}
	},
	plotOptions: {
		bar: {
			horizontal: !1,
			columnWidth: &quot;35%&quot;,
			endingShape: &quot;rounded&quot;
		}
	},
	dataLabels: {
		enabled: !1
	},
	stroke: {
		show: !0,
		width: 2.5,
		curve: &quot;smooth&quot;
	},
	colors: [&quot;#3461ff&quot;],
	xaxis: {
		categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;]
	},
	fill: {
		opacity: 1
	},
	tooltip: {
		theme: &quot;dark&quot;,
		fixed: {
			enabled: !1
		},
		x: {
			show: !1
		},
		y: {
			title: {
				formatter: function(e) {
					return &quot;&quot;
				}
			}
		},
		marker: {
			show: !1
		}
	}
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart2&quot;), options);
  chart.render();



// chart 3
var options = {
	series: [{
		name: &quot;Revenue&quot;,
		data: [240, 160, 555, 257, 671, 414]
	}],
	chart: {
		type: &quot;line&quot;,
		//width: 100%,
		height: 40,
		toolbar: {
			show: !1
		},
		zoom: {
			enabled: !1
		},
		dropShadow: {
			enabled: 0,
			top: 3,
			left: 14,
			blur: 4,
			opacity: .12,
			color: &quot;#12bf24&quot;
		},
		sparkline: {
			enabled: !0
		}
	},
	markers: {
		size: 0,
		colors: [&quot;#12bf24&quot;],
		strokeColors: &quot;#fff&quot;,
		strokeWidth: 2,
		hover: {
			size: 7
		}
	},
	plotOptions: {
		bar: {
			horizontal: !1,
			columnWidth: &quot;35%&quot;,
			endingShape: &quot;rounded&quot;
		}
	},
	dataLabels: {
		enabled: !1
	},
	stroke: {
		show: !0,
		width: 2.5,
		curve: &quot;smooth&quot;
	},
	colors: [&quot;#12bf24&quot;],
	xaxis: {
		categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;]
	},
	fill: {
		opacity: 1
	},
	tooltip: {
		theme: &quot;dark&quot;,
		fixed: {
			enabled: !1
		},
		x: {
			show: !1
		},
		y: {
			title: {
				formatter: function(e) {
					return &quot;&quot;
				}
			}
		},
		marker: {
			show: !1
		}
	}
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart3&quot;), options);
  chart.render();




// chart 4
var options = {
	series: [{
		name: &quot;Customers&quot;,
		data: [400, 555, 257, 640, 460, 671, 350]
	}],
	chart: {
		type: &quot;bar&quot;,
		//width: 100%,
		height: 40,
		toolbar: {
			show: !1
		},
		zoom: {
			enabled: !1
		},
		dropShadow: {
			enabled: 0,
			top: 3,
			left: 14,
			blur: 4,
			opacity: .12,
			color: &quot;#ff6632&quot;
		},
		sparkline: {
			enabled: !0
		}
	},
	markers: {
		size: 0,
		colors: [&quot;#ff6632&quot;],
		strokeColors: &quot;#fff&quot;,
		strokeWidth: 2,
		hover: {
			size: 7
		}
	},
	plotOptions: {
		bar: {
			horizontal: !1,
			columnWidth: &quot;35%&quot;,
			endingShape: &quot;rounded&quot;
		}
	},
	dataLabels: {
		enabled: !1
	},
	stroke: {
		show: !0,
		width: 2.5,
		curve: &quot;smooth&quot;
	},
	colors: [&quot;#ff6632&quot;],
	xaxis: {
		categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;]
	},
	fill: {
		opacity: 1
	},
	tooltip: {
		theme: &quot;dark&quot;,
		fixed: {
			enabled: !1
		},
		x: {
			show: !1
		},
		y: {
			title: {
				formatter: function(e) {
					return &quot;&quot;
				}
			}
		},
		marker: {
			show: !1
		}
	}
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart4&quot;), options);
  chart.render();



// chart 5

var options = {
    series: [{
        name: &quot;Revenue&quot;,
		data: [240, 460, 171, 657, 160, 471, 340, 230, 458, 98]
    }],
    chart: {
         type: &quot;area&quot;,
       // width: 130,
	    stacked: true,
        height: 280,
        toolbar: {
            show: !1
        },
        zoom: {
            enabled: !1
        },
        dropShadow: {
            enabled: 0,
            top: 3,
            left: 14,
            blur: 4,
            opacity: .12,
            color: &quot;#3461ff&quot;
        },
        sparkline: {
            enabled: !1
        }
    },
    markers: {
        size: 0,
        colors: [&quot;#3461ff&quot;],
        strokeColors: &quot;#fff&quot;,
        strokeWidth: 2,
        hover: {
            size: 7
        }
    },
    plotOptions: {
        bar: {
            horizontal: !1,
            columnWidth: &quot;25%&quot;,
            //endingShape: &quot;rounded&quot;
        }
    },
    dataLabels: {
        enabled: !1
    },
    stroke: {
        show: !0,
        width: [2.5],
		//colors: [&quot;#3461ff&quot;],
        curve: &quot;smooth&quot;
    },
	fill: {
		type: 'gradient',
		gradient: {
		  shade: 'light',
		  type: 'vertical',
		  shadeIntensity: 0.5,
		  gradientToColors: ['#3361ff'],
		  inverseColors: false,
		  opacityFrom: 0.7,
		  opacityTo: 0.1,
		 // stops: [0, 100]
		}
	},
	colors: [&quot;#3361ff&quot;],
    xaxis: {
        categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;]
    },
	responsive: [
		{
		  breakpoint: 1000,
		  options: {
			chart: {
				type: &quot;area&quot;,
			   // width: 130,
				stacked: true,
			}
		  }
		}
	  ],
	legend: {
		show: false
	  },
    tooltip: {
        theme: &quot;dark&quot;        
    }
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart5&quot;), options);
  chart.render();





// chart6

  var chart = new Chart(document.getElementById('chart6'), {
	type: 'doughnut',
	data: {
		labels: [&quot;Mobile&quot;, &quot;Desktop&quot;, &quot;Tablet&quot;],
		datasets: [{
			label: &quot;Device Users&quot;,
			backgroundColor: [&quot;#12bf24&quot;, &quot;#3461ff&quot;, &quot;#ff6632&quot;],
			data: [2478, 5267, 1834]
		}]
	  },
	options: {
		maintainAspectRatio: false,
		cutoutPercentage: 85,
		responsive: true,
	  legend: {
		display: false
	  }
	}
  });



  
   // chart 7

   var options = {
	chart: {
	  height: 300,
	  type: 'radialBar',
	  toolbar: {
		show: false
	  }
	},
	plotOptions: {
	  radialBar: {
		//startAngle: -135,
		//endAngle: 225,
		 hollow: {
		  margin: 0,
		  size: '80%',
		  background: 'transparent',
		  image: undefined,
		  imageOffsetX: 0,
		  imageOffsetY: 0,
		  position: 'front',
		  dropShadow: {
			enabled: true,
			top: 3,
			left: 0,
			blur: 4,
			color: 'rgba(0, 169, 255, 0.85)',
			opacity: 0.65
		  }
		},
		track: {
		  background: '#e5d1ff',
		  strokeWidth: '67%',
		  margin: 0, // margin is in pixels
		  dropShadow: {
			enabled: 0,
			top: -3,
			left: 0,
			blur: 4,
			color: 'rgba(0, 169, 255, 0.85)',
			opacity: 0.65
		  }
		},
		dataLabels: { 
		  showOn: 'always',
		  name: {
			offsetY: -20,
			show: true,
			color: '#212529',
			fontSize: '16px'
		  },
		  value: {
			formatter: function (val) {
					  return val + &quot;%&quot;;
				  },
			color: '#212529',
			fontSize: '35px',
			show: true,
			offsetY: 10,
		  }
		}
	  }
	},
	fill: {
	  type: 'gradient',
	  gradient: {
		shade: 'light',
		type: 'horizontal',
		shadeIntensity: 0.5,
		gradientToColors: ['#8932ff'],
		inverseColors: false,
		opacityFrom: 1,
		opacityTo: 1,
		stops: [0, 100]
	  }
	},
	colors: [&quot;#8932ff&quot;],
	series: [78],
	stroke: {
	  lineCap: 'round',
	  //dashArray: 4
	},
	labels: ['Total Traffic'],
	responsive: [
		{
		  breakpoint: 1281,
		  options: {
			chart: {
				height: 280,
			}
		  }
		}
	  ],

  }

  var chart = new ApexCharts(
	document.querySelector(&quot;#chart7&quot;),
	options
  );

  chart.render();


   
// chart 8

var options = {
    series: [{
        name: &quot;Messages&quot;,
        data: [0, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 0]
    }],
    chart: {
        type: &quot;area&quot;,
        //width: 130,
        height: 55,
        toolbar: {
            show: !1
        },
        zoom: {
            enabled: !1
        },
        dropShadow: {
            enabled: 0,
            top: 3,
            left: 14,
            blur: 4,
            opacity: .12,
            color: &quot;#e72e2e&quot;
        },
        sparkline: {
            enabled: !0
        }
    },
    markers: {
        size: 0,
        colors: [&quot;#e72e7a&quot;],
        strokeColors: &quot;#fff&quot;,
        strokeWidth: 2,
        hover: {
            size: 7
        }
    },
    plotOptions: {
        bar: {
            horizontal: !1,
            columnWidth: &quot;35%&quot;,
            endingShape: &quot;rounded&quot;
        }
    },
    dataLabels: {
        enabled: !1
    },
    stroke: {
        show: !0,
        width: 2.5,
        curve: &quot;smooth&quot;
    },
	fill: {
		type: 'gradient',
		gradient: {
		  shade: 'light',
		  type: 'vertical',
		  shadeIntensity: 0.5,
		  gradientToColors: ['#e72e7a'],
		  inverseColors: false,
		  opacityFrom: 0.6,
		  opacityTo: 0.1,
		  //stops: [0, 100]
		}
	  },
    colors: [&quot;#e72e7a&quot;],
    xaxis: {
        categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;]
    },
    tooltip: {
        theme: &quot;dark&quot;,
        fixed: {
            enabled: !1
        },
        x: {
            show: !1
        },
        y: {
            title: {
                formatter: function(e) {
                    return &quot;&quot;
                }
            }
        },
        marker: {
            show: !1
        }
    }
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart8&quot;), options);
  chart.render();


   
// chart 9

var options = {
    series: [{
        name: &quot;Posts&quot;,
        data: [0, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 0]
    }],
    chart: {
        type: &quot;area&quot;,
        //width: 130,
        height: 55,
        toolbar: {
            show: !1
        },
        zoom: {
            enabled: !1
        },
        dropShadow: {
            enabled: 0,
            top: 3,
            left: 14,
            blur: 4,
            opacity: .12,
            color: &quot;#12bf24&quot;
        },
        sparkline: {
            enabled: !0
        }
    },
    markers: {
        size: 0,
        colors: [&quot;#3461ff&quot;],
        strokeColors: &quot;#fff&quot;,
        strokeWidth: 2,
        hover: {
            size: 7
        }
    },
    plotOptions: {
        bar: {
            horizontal: !1,
            columnWidth: &quot;35%&quot;,
            endingShape: &quot;rounded&quot;
        }
    },
    dataLabels: {
        enabled: !1
    },
    stroke: {
        show: !0,
        width: 2.5,
        curve: &quot;smooth&quot;
    },
    fill: {
		type: 'gradient',
		gradient: {
		  shade: 'light',
		  type: 'vertical',
		  shadeIntensity: 0.5,
		  gradientToColors: ['#12bf24'],
		  inverseColors: false,
		  opacityFrom: 0.6,
		  opacityTo: 0.1,
		  //stops: [0, 100]
		}
	  },
    colors: [&quot;#12bf24&quot;],
    xaxis: {
        categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;]
    },
    tooltip: {
        theme: &quot;dark&quot;,
        fixed: {
            enabled: !1
        },
        x: {
            show: !1
        },
        y: {
            title: {
                formatter: function(e) {
                    return &quot;&quot;
                }
            }
        },
        marker: {
            show: !1
        }
    }
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart9&quot;), options);
  chart.render();



   
// chart 10

var options = {
    series: [{
        name: &quot;Tasks&quot;,
        data: [0, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 0]
    }],
    chart: {
        type: &quot;area&quot;,
        //width: 130,
        height: 55,
        toolbar: {
            show: !1
        },
        zoom: {
            enabled: !1
        },
        dropShadow: {
            enabled: 0,
            top: 3,
            left: 14,
            blur: 4,
            opacity: .12,
            color: &quot;#32bfff&quot;
        },
        sparkline: {
            enabled: !0
        }
    },
    markers: {
        size: 0,
        colors: [&quot;#32bfff&quot;],
        strokeColors: &quot;#fff&quot;,
        strokeWidth: 2,
        hover: {
            size: 7
        }
    },
    plotOptions: {
        bar: {
            horizontal: !1,
            columnWidth: &quot;35%&quot;,
            endingShape: &quot;rounded&quot;
        }
    },
    dataLabels: {
        enabled: !1
    },
    stroke: {
        show: !0,
        width: 2.5,
        curve: &quot;smooth&quot;
    },
    fill: {
		type: 'gradient',
		gradient: {
		  shade: 'light',
		  type: 'vertical',
		  shadeIntensity: 0.5,
		  gradientToColors: ['#32bfff'],
		  inverseColors: false,
		  opacityFrom: 0.6,
		  opacityTo: 0.1,
		  //stops: [0, 100]
		}
	  },
    colors: [&quot;#32bfff&quot;],
    xaxis: {
        categories: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;]
    },
    tooltip: {
        theme: &quot;dark&quot;,
        fixed: {
            enabled: !1
        },
        x: {
            show: !1
        },
        y: {
            title: {
                formatter: function(e) {
                    return &quot;&quot;
                }
            }
        },
        marker: {
            show: !1
        }
    }
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart10&quot;), options);
  chart.render();



// chart 11

var options = {
    series: [{
        name: &quot;New Visitors&quot;,
        data: [640, 560, 871, 614, 755, 457, 650]
    },{
        name: &quot;Old Visitors&quot;,
        data: [440, 360, 671, 414, 555, 257, 450]
    }],
    chart: {
        foreColor: '#9a9797',
        type: &quot;bar&quot;,
        //width: 130,
		stacked: true,
        height: 280,
        toolbar: {
            show: !1
        },
        zoom: {
            enabled: !1
        },
        dropShadow: {
            enabled: 0,
            top: 3,
            left: 15,
            blur: 4,
            opacity: .12,
            color: &quot;#3461ff&quot;
        },
        sparkline: {
            enabled: !1
        }
    },
    markers: {
        size: 0,
        colors: [&quot;#3461ff&quot;, &quot;#c1cfff&quot;],
        strokeColors: &quot;#fff&quot;,
        strokeWidth: 2,
        hover: {
            size: 7
        }
    },
    plotOptions: {
        bar: {
            horizontal: !1,
            columnWidth: &quot;35%&quot;,
            //endingShape: &quot;rounded&quot;
        }
    },
    dataLabels: {
        enabled: !1
    },
	legend: {
		show: false,
	},
    stroke: {
        show: !0,
        width: 0,
        curve: &quot;smooth&quot;
    },
    colors: [&quot;#3461ff&quot;, &quot;#c1cfff&quot;],
    xaxis: {
        categories: [&quot;Mo&quot;, &quot;Tu&quot;, &quot;We&quot;, &quot;Th&quot;, &quot;Fr&quot;, &quot;Sa&quot;, &quot;Su&quot;]
    },
    tooltip: {
        theme: &quot;dark&quot;,
        fixed: {
            enabled: !1
        },
        x: {
            show: !1
        },
        y: {
            title: {
                formatter: function(e) {
                    return &quot;&quot;
                }
            }
        },
        marker: {
            show: !1
        }
    }
  };

  var chart = new ApexCharts(document.querySelector(&quot;#chart11&quot;), options);
  chart.render();




// worl map

jQuery('#geographic-map').vectorMap(
	{
		map: 'world_mill_en',
		backgroundColor: 'transparent',
		borderColor: '#818181',
		borderOpacity: 0.25,
		borderWidth: 1,
		zoomOnScroll: false,
		color: '#009efb',
		regionStyle : {
			initial : {
			  fill : '#3461ff'
			}
		  },
		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,
	});





    
});</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fu885320773%2Fdomains%2Fsugatu.in%2Fpublic_html%2Fconsultancy%2Fdesigner%2Fassets%2Fjs'>⬅ Back to Directory</a>