text: (function($) {
      /* "use strict" */
  
   var dzChartlist = function(){
  	
  	var screenWidth = $(window).width();
  	
  	var activityChart = function(){
  		/*======== 16. ANALYTICS - ACTIVITY CHART ========*/
  		var activity = document.getElementById("activity");
  		if (activity !== null) {
  			var activityData = [{
  					first: [35, 18, 15, 35, 40, 20, 30, 25, 22, 20, 45, 35]
  				},
  				{
  					first: [50, 35, 10, 45, 40, 50, 60, 80, 10, 50, 34, 35]
  				},
  				{
  					first: [20, 35, 60, 45, 40, 70, 30, 80, 65, 70, 60, 20]
  				},
  				{
  					first: [25, 88, 25, 50, 70, 70, 60, 70, 50, 60, 50, 70]
  				}
  			];
  			activity.height = 300;
  			
  			var config = {
  				type: "bar",
  				data: {
  					labels: [
  						"01",
  						"02",
  						"03",
  						"04",
  						"05",
  						"06",
  						"07",
  						"08",
  						"09",
  						"10",
  						"11",
  						"12"
  					],
  					datasets: [
  						{
  							label: "My First dataset",
  							data:  [35, 18, 15, 35, 40, 20, 30, 25, 22, 20, 45, 35],
  							borderColor: 'rgba(26, 51, 213, 1)',
  							borderWidth: "0",
  							backgroundColor: 'rgba(72, 169, 248, 1)'
  							
  						}
  					]
  				},
  				options: {
  					responsive: true,
  					maintainAspectRatio: false,
  					
  					legend: {
  						display: false
  					},
  					scales: {
  						yAxes: [{
  							gridLines: {
  								color: "rgba(89, 59, 219,0.1)",
  								drawBorder: true
  							},
  							ticks: {
  								fontColor: "#999",
  							},
  						}],
  						xAxes: [{
  							gridLines: {
  								display: false,
  								zeroLineColor: "transparent"
  							},
  							ticks: {
  								stepSize: 5,
  								fontColor: "#999",
  								fontFamily: "Nunito, sans-serif"
  							}
  						}]
  					},
  					tooltips: {
  						mode: "index",
  						intersect: false,
  						titleFontColor: "#888",
  						bodyFontColor: "#555",
  						titleFontSize: 12,
  						bodyFontSize: 15,
  						backgroundColor: "rgba(256,256,256,0.95)",
  						displayColors: true,
  						xPadding: 10,
  						yPadding: 7,
  						borderColor: "rgba(220, 220, 220, 0.9)",
  						borderWidth: 2,
  						caretSize: 6,
  						caretPadding: 10
  					}
  				}
  			};
  
  			var ctx = document.getElementById("activity").getContext("2d");
  			var myLine = new Chart(ctx, config);
  
  			var items = document.querySelectorAll("#user-activity .nav-tabs .nav-item");
  			items.forEach(function(item, index) {
  				item.addEventListener("click", function() {
  					config.data.datasets[0].data = activityData[index].first;
  					myLine.update();
  				});
  			});
  		}
  	}
  	var activeUser = function(){
  		if(jQuery('#activeUser').length > 0 ){
  			var data = {
  				labels: ["0", "1", "2", "3", "4", "5", "6", "0", "1", "2", "3", "4", "5", "6"],
  				datasets: [{
  					label: "My First dataset",
  					backgroundColor: "rgba(105,255,147,1)",
  					strokeColor: "rgba(105,255,147,1)",
  					pointColor: "rgba(0,0,0,0)",
  					pointStrokeColor: "rgba(105,255,147,1)",
  					pointHighlightFill: "rgba(105,255,147,1)",
  					pointHighlightStroke: "rgba(105,255,147,1)",
  					data: [65, 59, 80, 81, 56, 55, 40, 65, 59, 80, 81, 56, 55, 40]
  				}]
  			};
  
  			var ctx = document.getElementById("activeUser").getContext("2d");
  			var chart = new Chart(ctx, {
  				type: "bar",
  				data: data,
  				options: {
  					responsive: !0,
  					maintainAspectRatio: false,
  					legend: {
  						display: !1
  					},
  					tooltips: {
  						enabled: false
  					},
  					scales: {
  						xAxes: [{
  							display: !1,
  							gridLines: {
  								display: !1
  							},
  							barPercentage: 1,
  							categoryPercentage: 0.5
  						}],
  						yAxes: [{
  							display: !1,
  							ticks: {
  								padding: 10,
  								stepSize: 20,
  								max: 100,
  								min: 0
  							},
  							gridLines: {
  								display: !0,
  								drawBorder: !1,
  								lineWidth: 1,
  								zeroLineColor: "#48f3c0"
  							}
  						}]
  					}
  				}
  			});
  			
  			setInterval(function() {
  				chart.config.data.datasets[0].data.push(
  					Math.floor(10 + Math.random() * 80)
  				);
  				chart.config.data.datasets[0].data.shift();
  				chart.update();
  			}, 2000);
  			
  		}
  	}
  	var chartWidget1 = function(){
  		if(jQuery('#chart_widget_1').length > 0 ){
  			
  			const chart_widget_1 = document.getElementById("chart_widget_1").getContext('2d');
  			//generate gradient
  			// const gradientStroke = chart_widget_1.createLinearGradient(0, 0, 0, 250);
  			// gradientStroke.addColorStop(0, "#00abc5");
  			// gradientStroke.addColorStop(1, "#000080");
  
  			// chart_widget_1.attr('height', '100');
  
  			new Chart(chart_widget_1, {
  				type: 'bar',
  				data: {
  					defaultFontFamily: 'Poppins',
  					labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
  					datasets: [
  						{
  							label: "My First dataset",
  							data: [65, 59, 80, 81, 56, 55, 40],
  							borderColor: 'rgba(255, 255, 255, .8)',
  							borderWidth: "0",
  							backgroundColor: 'rgba(255, 255, 255, .8)', 
  							hoverBackgroundColor: 'rgba(255, 255, 255, .8)'
  						}
  					]
  				},
  				options: {
  					legend: false,
  					responsive: true, 
  					maintainAspectRatio: false,  
  					scales: {
  						yAxes: [{
  							display: false, 
  							ticks: {
  								beginAtZero: true, 
  								display: false, 
  								max: 100, 
  								min: 0, 
  								stepSize: 10
  							}, 
  							gridLines: {
  								display: false, 
  								drawBorder: false
  							}
  						}],
  						xAxes: [{
  							display: false, 
  							barPercentage: 0.5, 
  							gridLines: {
  								display: false, 
  								drawBorder: false
  							}, 
  							ticks: {
  								display: false
  							}
  						}]
  					}
  				}
  			});
  		}
  	}
  	var chartWidget2 = function(){
  		//#chart_widget_2
  		if(jQuery('#chart_widget_2').length > 0 ){
  			
  			const chart_widget_2 = document.getElementById("chart_widget_2").getContext('2d');
  			//generate gradient
  			const chart_widget_2gradientStroke = chart_widget_2.createLinearGradient(0, 0, 0, 250);
  			chart_widget_2gradientStroke.addColorStop(0, "#2f4cdd");
  			chart_widget_2gradientStroke.addColorStop(1, "#7c8fee");
  
  			// chart_widget_2.attr('height', '100');
  
  			new Chart(chart_widget_2, {
  				type: 'bar',
  				data: {
  					defaultFontFamily: 'Poppins',
  					labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
  					datasets: [
  						{
  							label: "My First dataset",
  							data: [65, 59, 80, 81, 56, 55, 40, 88, 45, 95, 54, 76],
  							borderColor: chart_widget_2gradientStroke,
  							borderWidth: "0",
  							backgroundColor: chart_widget_2gradientStroke, 
  							hoverBackgroundColor: chart_widget_2gradientStroke
  						}
  					]
  				},
  				options: {
  					legend: false,
  					responsive: true, 
  					maintainAspectRatio: false,  
  					scales: {
  						yAxes: [{
  							display: false, 
  							ticks: {
  								beginAtZero: true, 
  								display: false, 
  								max: 100, 
  								min: 0, 
  								stepSize: 10
  							}, 
  							gridLines: {
  								display: false, 
  								drawBorder: false
  							}
  						}],
  						xAxes: [{
  							display: false, 
  							barPercentage: 0.1, 
  							gridLines: {
  								display: false, 
  								drawBorder: false
  							}, 
  							ticks: {
  								display: false
  							}
  						}]
  					}
  				}
  			});
  
  		}
  	}
  	
  	var chartWidget3 = function(){
  		//#chart_widget_3
  		if(jQuery('#chart_widget_3').length > 0 ){
  		const chart_widget_3 = document.getElementById("chart_widget_3").getContext('2d');
  		
  		// chart_widget_3.height = 100;
  
  		let barChartData = {
  			defaultFontFamily: 'Poppins',
  			labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  			datasets: [{
  				label: 'Expense',
  				backgroundColor: '#5514a4',
  				hoverBackgroundColor: '#ff5777', 
  				data: [
  					'20',
  					'14',
  					'18',
  					'25',
  					'27',
  					'22',
  					'12', 
  					'24', 
  					'20', 
  					'14', 
  					'18', 
  					'16'
  				]
  			}, {
  				label: 'Earning',
  				backgroundColor: '#F1F3F7',
  				hoverBackgroundColor: '#F1F3F7', 
  				data: [
  					'12',
  					'18',
  					'14',
  					'7',
  					'5',
  					'10',
  					'20', 
  					'8', 
  					'12', 
  					'18', 
  					'14', 
  					'16'
  				]
  			}]
  
  		};
  
  		new Chart(chart_widget_3, {
  			type: 'bar',
  			data: barChartData,
  			options: {
  				legend: {
  					display: false
  				}, 
  				title: {
  					display: false
  				},
  				tooltips: {
  					mode: 'index',
  					intersect: false
  				},
  				responsive: true,
  				maintainAspectRatio: false, 
  				scales: {
  					xAxes: [{
  						display: false, 
  						stacked: true,
  						barPercentage: .2, 
  						ticks: {
  							display: false
  						}, 
  						gridLines: {
  							display: false, 
  							drawBorder: false
  						}
  					}],
  					yAxes: [{
  						display: false, 
  						stacked: true, 
  						gridLines: {
  							display: false, 
  							drawBorder: false
  						}, 
  						ticks: {
  							display: false
  						}
  					}]
  				}
  			}
  		});
  		}
  
  	}
  	
  	var chartWidget4 = function(){
  		//#chart_widget_4
  		if(jQuery('#chart_widget_4').length > 0 ){
  
  		const chart_widget_4 = document.getElementById("chart_widget_4").getContext('2d');
  		
  		// chart_widget_4.height = 100;
  
  		let barChartData2 = {
  			defaultFontFamily: 'Poppins',
  			labels: ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve', 'thirteen', 'forteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen', 'twenty'],
  			datasets: [{
  				label: 'Expense',
  				backgroundColor: '#2f4cdd',
  				hoverBackgroundColor: '#6c2586', 
  				data: [
  					'20',
  					'14',
  					'18',
  					'25',
  					'27',
  					'22',
  					'12', 
  					'24', 
  					'20', 
  					'14', 
  					'18', 
  					'16', 
  					'34', 
  					'32', 
  					'43', 
  					'36', 
  					'56', 
  					'12', 
  					'23', 
  					'34'
  				]
  			}, {
  				label: 'Earning',
  				backgroundColor: '#F1F3F7',
  				hoverBackgroundColor: '#F1F3F7', 
  				data: [
  					'32',
  					'58',
  					'34',
  					'37',
  					'15',
  					'41',
  					'24', 
  					'38', 
  					'52', 
  					'38', 
  					'24', 
  					'19', 
  					'54', 
  					'34', 
  					'23', 
  					'34', 
  					'35', 
  					'22', 
  					'43', 
  					'33'
  				]
  			}]
  
  		};
  
  		new Chart(chart_widget_4, {
  			type: 'bar',
  			data: barChartData2,
  			options: {
  				legend: {
  					display: false
  				}, 
  				title: {
  					display: false
  				},
  				tooltips: {
  					mode: 'index',
  					intersect: false
  				},
  				responsive: true,
  				maintainAspectRatio: false, 
  				scales: {
  					xAxes: [{
  						display: false, 
  						stacked: true,
  						barPercentage: 1, 
  						barThickness: 5, 
  						ticks: {
  							display: false
  						}, 
  						gridLines: {
  							display: false, 
  							drawBorder: false
  						}
  					}],
  					yAxes: [{
  						display: false, 
  						stacked: true, 
  						gridLines: {
  							display: false, 
  							drawBorder: false
  						}, 
  						ticks: {
  							display: false, 
  							max: 100, 
  							min: 0
  						}
  					}]
  				}
  			}
  		});
  
  		}
  	}
  	var chartWidget5 = function(){
  		//#chart_widget_5
  		if(jQuery('#chart_widget_5').length > 0 ){
  				
  			new Chartist.Line("#chart_widget_5", {
  				labels: ["1", "2", "3", "4", "5", "6", "7", "8"],
  				series: [
  					[4, 5, 1.5, 6, 7, 5.5, 5.8, 4.6]
  				]
  			}, {
  				low: 0,
  				showArea: 1,
  				showPoint: !0,
  				showLine: !0,
  				fullWidth: !0,
  				lineSmooth: !1,
  				chartPadding: {
  					top: 4,
  					right: 0,
  					bottom: 0,
  					left: 0
  				},
  				axisX: {
  					showLabel: !1,
  					showGrid: !1,
  					offset: 0
  				},
  				axisY: {
  					showLabel: !1,
  					showGrid: !1,
  					offset: 0
  				}
  			});
  		}
  	}
  	
  	var chartWidget6 = function(){
  		//#chart_widget_6
  		if(jQuery('#chart_widget_6').length > 0 ){
  			
  			new Chartist.Line("#chart_widget_6", {
  				labels: ["1", "2", "3", "4", "5", "6", "7", "8"],
  				series: [
  					[4, 5, 3.5, 5, 4, 5.5, 3.8, 4.6]
  				]
  			}, {
  				low: 0,
  				showArea: 1,
  				showPoint: !0,
  				showLine: !0,
  				fullWidth: !0,
  				lineSmooth: !1,
  				chartPadding: {
  					top: 4,
  					right: 0,
  					bottom: 0,
  					left: 0
  				},
  				axisX: {
  					showLabel: !1,
  					showGrid: !1,
  					offset: 0
  				},
  				axisY: {
  					showLabel: !1,
  					showGrid: !1,
  					offset: 0
  				}
  			});
  		}
  	}
  
  	var chartWidget7 = function(){
  		//#chart_widget_7
  		if(jQuery('#chart_widget_7').length > 0 ){
  
  		const chart_widget_7 = document.getElementById("chart_widget_7").getContext('2d');
  		//generate gradient
  		const chart_widget_7gradientStroke = chart_widget_7.createLinearGradient(0, 0, 0, 250);
  		chart_widget_7gradientStroke.addColorStop(0, "#5514a4");
  		chart_widget_7gradientStroke.addColorStop(1, "#5514a4");
  
  			// chart_widget_7.attr('height', '100');
  
  			new Chart(chart_widget_7, {
  				type: 'bar',
  				data: {
  					defaultFontFamily: 'Poppins',
  					labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
  					datasets: [
  						{
  							label: "My First dataset",
  							data: [65, 59, 80, 81, 56, 55, 40, 88, 45, 95, 54, 76],
  							borderColor: chart_widget_7gradientStroke,
  							borderWidth: "0",
  							backgroundColor: chart_widget_7gradientStroke, 
  							hoverBackgroundColor: chart_widget_7gradientStroke
  						}
  					]
  				},
  				options: {
  					legend: false,
  					responsive: true, 
  					maintainAspectRatio: false,  
  					scales: {
  						yAxes: [{
  							display: false, 
  							ticks: {
  								beginAtZero: true, 
  								display: false, 
  								max: 100, 
  								min: 0, 
  								stepSize: 10
  							}, 
  							gridLines: {
  								display: false, 
  								drawBorder: false
  							}
  						}],
  						xAxes: [{
  							display: false, 
  							barPercentage: 0.6, 
  							gridLines: {
  								display: false, 
  								drawBorder: false
  							}, 
  							ticks: {
  								display: false
  							}
  						}]
  					}
  				}
  			});
  		}
  	}
  	var chartWidget8 = function(){
  		//#chart_widget_8
  		if(jQuery('#chart_widget_8').length > 0 ){
  			
  			new Chartist.Line("#chart_widget_8", {
  				labels: ["1", "2", "3", "4", "5", "6", "7", "8"],
  				series: [
  					[4, 5, 1.5, 6, 7, 5.5, 5.8, 4.6]
  				]
  			}, {
  				low: 0,
  				showArea: !1,
  				showPoint: !0,
  				showLine: !0,
  				fullWidth: !0,
  				lineSmooth: !1,
  				chartPadding: {
  					top: 4,
  					right: 0,
  					bottom: 0,
  					left: 0
  				},
  				axisX: {
  					showLabel: !1,
  					showGrid: !1,
  					offset: 0
  				},
  				axisY: {
  					showLabel: !1,
  					showGrid: !1,
  					offset: 0
  				}
  			});
  
  		}
  	}
  
  	var chartWidget9 = function(){
  		//#chart_widget_9
  		if(jQuery('#chart_widget_9').length > 0 ){
  		const chart_widget_9 = document.getElementById("chart_widget_9").getContext('2d');
  		new Chart(chart_widget_9, {
  			type: "line",
  			data: {
  				labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "January", "February", "March", "April"],
  				datasets: [{
  					label: "Sales Stats",
  					backgroundColor: "#2780d4",
  					borderColor: '#2780d4',
  					pointBackgroundColor: '#2780d4',
  					pointBorderColor: '#2780d4',
  					pointHoverBackgroundColor: '#2780d4',
  					pointHoverBorderColor: '#2780d4',
  					data: [20, 10, 18, 15, 32, 18, 15, 22, 8, 6, 12, 13, 10, 18, 14, 24, 16, 12, 19, 21, 16, 14, 24, 21, 13, 15, 27, 29, 21, 11, 14, 19, 21, 17]
  				}]
  			},
  			options: {
  				title: {
  					display: !1
  				},
  				tooltips: {
  					intersect: !1,
  					mode: "nearest",
  					xPadding: 10,
  					yPadding: 10,
  					caretPadding: 10
  				},
  				legend: {
  					display: !1
  				},
  				responsive: !0,
  				maintainAspectRatio: !1,
  				hover: {
  					mode: "index"
  				},
  				scales: {
  					xAxes: [{
  						display: !1,
  						gridLines: !1,
  						scaleLabel: {
  							display: !0,
  							labelString: "Month"
  						}
  					}],
  					yAxes: [{
  						display: !1,
  						gridLines: !1,
  						scaleLabel: {
  							display: !0,
  							labelString: "Value"
  						},
  						ticks: {
  							beginAtZero: !0
  						}
  					}]
  				},
  				elements: {
  					line: {
  						tension: .15
  					},
  					point: {
  						radius: 2,
  						borderWidth: 1
  					}
  				},
  				layout: {
  					padding: {
  						left: 0,
  						right: 0,
  						top: 5,
  						bottom: 0
  					}
  				}
  			}
  		});
  
  		}
  	}
  
  	var chartWidget10 = function(){
  		//#chart_widget_10
  		if(jQuery('#chart_widget_10').length > 0 ){
  
  		const chart_widget_10 = document.getElementById("chart_widget_10").getContext('2d');
  
  		new Chart(chart_widget_10, {
  			type: "line",
  			data: {
  				labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
  				datasets: [{
  					label: "Sales Stats",
  					backgroundColor: "#5514a4",
  					borderColor: '#5514a4',
  					pointBackgroundColor: '#5514a4',
  					pointBorderColor: '#5514a4',
  					pointHoverBackgroundColor: '#5514a4',
  					pointHoverBorderColor: '#5514a4',
  					borderWidth: 0, 
  					data: [20, 10, 18, 10, 32, 15, 15, 22, 18, 6, 12, 13]
  				}]
  			},
  			options: {
  				title: {
  					display: !1
  				},
  				tooltips: {
  					intersect: !1,
  					mode: "nearest",
  					xPadding: 10,
  					yPadding: 10,
  					caretPadding: 10
  				},
  				legend: {
  					display: !1
  				},
  				responsive: !0,
  				maintainAspectRatio: !1,
  				hover: {
  					mode: "index"
  				},
  				scales: {
  					xAxes: [{
  						display: !1,
  						gridLines: !1,
  						scaleLabel: {
  							display: !0,
  							labelString: "Month"
  						}
  					}],
  					yAxes: [{
  						display: !1,
  						gridLines: !1,
  						scaleLabel: {
  							display: !0,
  							labelString: "Value"
  						},
  						ticks: {
  							beginAtZero: !0
  						}
  					}]
  				},
  				elements: {
  					line: {
  						tension: .7
  					},
  					point: {
  						radius: 0,
  						borderWidth: 0
  					}
  				},
  				layout: {
  					padding: {
  						left: 0,
  						right: 0,
  						top: 5,
  						bottom: 0
  					}
  				}
  			}
  		});
  
  		}
  	}
  	var chartWidget11 = function(){
  
  		//#chart_widget_11
  		if(jQuery('#chart_widget_11').length > 0 ){
  		const chart_widget_11 = document.getElementById("chart_widget_11").getContext('2d');
  		new Chart(chart_widget_11, {
  			type: "line",
  			data: {
  				labels: ["January", "February", "March", "April", "May", "June"],
  				datasets: [{
  					label: "Sales Stats",
  					backgroundColor: "rgba(85, 20, 164, .5)",
  					borderColor: '#5514a4',
  					pointBackgroundColor: '#5514a4',
  					pointBorderColor: '#5514a4',
  					pointHoverBackgroundColor: '#5514a4',
  					pointHoverBorderColor: '#5514a4',
  					data: [0, 18, 14, 24, 16, 30]
  				}]
  			},
  			options: {
  				title: {
  					display: !1
  				},
  				tooltips: {
  					intersect: !1,
  					mode: "nearest",
  					xPadding: 5,
  					yPadding: 5,
  					caretPadding: 5
  				},
  				legend: {
  					display: !1
  				},
  				responsive: !0,
  				maintainAspectRatio: !1,
  				hover: {
  					mode: "index"
  				},
  				scales: {
  					xAxes: [{
  						display: !1,
  						gridLines: !1,
  						scaleLabel: {
  							display: !0,
  							labelString: "Month"
  						}, 
  						ticks: {
  							max: 30, 
  							min: 0
  						}
  					}],
  					yAxes: [{
  						display: !1,
  						gridLines: !1,
  						scaleLabel: {
  							display: !0,
  							labelString: "Value"
  						},
  						ticks: {
  							beginAtZero: !0
  						}
  					}]
  				},
  				elements: {
  					line: {
  						tension: .15
  					},
  					point: {
  						radius: 2,
  						borderWidth: 1
  					}
  				},
  				layout: {
  					padding: {
  						left: 0,
  						right: 0,
  						top: 0,
  						bottom: 0
  					}
  				}
  			}
  		});
  		}
  	}
  	var chartWidget14 = function(){
  	
  		//#chart_widget_14
  		if(jQuery('#chart_widget_14').length > 0 ){
  		const chart_widget_14 = document.getElementById("chart_widget_14");
  		chart_widget_14.height = 200;
  		new Chart(chart_widget_14, {
  			type: 'line',
  			data: {
  				defaultFontFamily: 'Poppins',
  				labels: ["Jan", "Febr", "Mar", "Apr", "May", "Jun", "Jul"],
  				datasets: [
  					{
  						label: "My First dataset",
  						data: [55, 30, 90, 41, 86, 45, 80],
  						borderColor: '#8bc740',
  						borderWidth: "2",
  						backgroundColor: 'transparent',  
  						pointBackgroundColor: '#8bc740', 
  						pointRadius: 0
  					}
  				]
  			},
  			options: {
  				legend: false, 
  				responsive: true, 
  				maintainAspectRatio: false, 
  				scales: {
  					yAxes: [{
  						display: false, 
  						ticks: {
  							beginAtZero: true, 
  							max: 100, 
  							min: 0, 
  							stepSize: 20, 
  							padding: 0, 
  							display: false, 
  						}, 
  						gridLines: {
  							drawBorder: false, 
  							display: false
  						}
  					}],
  					xAxes: [{
  						display: false, 
  						ticks: {
  							padding: 0, 
  							display: false
  						}, 
  						gridLines: {
  							display: false, 
  							drawBorder: false
  						}
  					}]
  				}
  			}
  		});
  		}
  	}
  	
  	var chartWidget15 = function(){
  	
  		//#chart_widget_15
  		if(jQuery('#chart_widget_15').length > 0 ){
  		const chart_widget_15 = document.getElementById("chart_widget_15");
  		chart_widget_15.height = 200;
  		new Chart(chart_widget_15, {
  			type: 'line',
  			data: {
  				defaultFontFamily: 'Poppins',
  				labels: ["Jan", "Febr", "Mar", "Apr", "May", "Jun", "Jul"],
  				datasets: [
  					{
  						label: "My First dataset",
  						data: [25, 60, 30, 71, 26, 85, 50],
  						borderColor: '#5514a4',
  						borderWidth: "2",
  						backgroundColor: 'transparent',  
  						pointBackgroundColor: '#5514a4', 
  						pointRadius: 0
  					}
  				]
  			},
  			options: {
  				legend: false, 
  				responsive: true, 
  				maintainAspectRatio: false, 
  				scales: {
  					yAxes: [{
  						display: false, 
  						ticks: {
  							beginAtZero: true, 
  							max: 100, 
  							min: 0, 
  							stepSize: 20, 
  							padding: 0, 
  							display: false, 
  						}, 
  						gridLines: {
  							drawBorder: false, 
  							display: false
  						}
  					}],
  					xAxes: [{
  						display: false, 
  						ticks: {
  							padding: 0, 
  							display: false
  						}, 
  						gridLines: {
  							display: false, 
  							drawBorder: false
  						}
  					}]
  				}
  			}
  		});
  		}
  	}
  	
  	var chartWidget16 = function(){
  		//#chart_widget_16
  		if(jQuery('#chart_widget_16').length > 0 ){
  
  			const chart_widget_16 = document.getElementById("chart_widget_16");
  			
  			chart_widget_16.height = 345;
  
  			new Chart(chart_widget_16, {
  				type: 'line',
  				data: {
  					defaultFontFamily: 'Poppins',
  					labels: ["Jan", "Febr", "Mar", "Apr", "May", "Jun", "Jul"],
  					datasets: [
  						{
  							label: "My First dataset",
  							data: [25, 60, 30, 71, 26, 85, 50],
  							borderColor: 'rgba(72, 169, 248, 1)',
  							borderWidth: "2",
  							backgroundColor: 'rgba(72, 169, 248, 1)',  
  							pointBackgroundColor: 'rgba(72, 169, 248, 1)', 
  							pointRadius: 0
  						}
  					]
  				},
  				options: {
  					legend: false, 
  					responsive: true, 
  					maintainAspectRatio: false,
  					tooltips: {
  						intersect: !1,
  						mode: "nearest",
  						xPadding: 10,
  						yPadding: 10,
  						caretPadding: 10
  					}, 
  					scales: {
  						yAxes: [{
  							display: false, 
  							ticks: {
  								beginAtZero: true, 
  								max: 100, 
  								min: 0, 
  								stepSize: 20, 
  								padding: 0, 
  								display: false, 
  							}, 
  							gridLines: {
  								drawBorder: false, 
  								display: false
  							}
  						}],
  						xAxes: [{
  							display: false, 
  							ticks: {
  								padding: 0, 
  								display: false, 
  								beginAtZero: true
  							}, 
  							gridLines: {
  								display: false, 
  								drawBorder: false
  							}
  						}]
  					}
  				}
  			});
  		}
  	}
  	
  	var chartWidget17 = function(){
  		//#chart_widget_17
  		if(jQuery('#chart_widget_17').length > 0 ){
  
  			let data = [];
  			const totalPoints = 50;
  
  			function getRandomData() {
  				if (data.length > 0)
  					data = data.slice(1);
  				while (data.length < totalPoints) {
  					var prev = data.length > 0 ? data[data.length - 1] : 50,
  						y = prev + Math.random() * 10 - 5;
  					if (y < 0) {
  						y = 0;
  					} else if (y > 100) {
  						y = 100;
  					}
  					data.push(y);
  				}
  				const res = [];
  				for (let i = 0; i < data.length; ++i) {
  					res.push([i, data[i]])
  				}
  				return res;
  			}
  
  			// Set up the control widget
  			const updateInterval = 1000;
  
  				if(jQuery('#chart_widget_17').length > 0 ){
  			
  			const chart = $.plot('#chart_widget_17', [getRandomData()], {
  				colors: ['#2f4cdd'],
  				series: {
  					lines: {
  						show: true,
  						lineWidth: 0,
  						fill: 0.9
  					},
  					shadowSize: 0	// Drawing is faster without shadows
  				},
  				grid: {
  					borderColor: 'transparent',
  					borderWidth: 0,
  					labelMargin: 0
  				},
  				xaxis: {
  					color: 'transparent',
  					font: {
  						size: 10,
  						color: '#fff'
  					}
  				},
  				yaxis: {
  					min: 0,
  					max: 100,
  					color: 'transparent',
  					font: {
  						size: 10,
  						color: '#fff'
  					}
  				}
  			});
  
  				function update_chart() {
  				chart.setData([getRandomData()]);
  				chart.draw();
  				setTimeout(update_chart, updateInterval);
  				}
  			
  				update_chart();
  				
  			}
  		}
  	}
  	
  	var widgetSparkLinedash = function(){
  		/* Widget */
  		if(jQuery('#widget_sparklinedash').length > 0 ){	 
  			 $("#widget_sparklinedash").sparkline([10, 15, 26, 27, 28, 31, 34, 40, 41, 44, 49, 64, 68, 69, 72], {
  				type: "bar",
  				height: "40",
  				width: "40",
  				barWidth: "3",
  				resize: !0,
  				barSpacing: "3",
  				barColor: "rgb(0, 171, 197)"
  			});
  		}
  	}
  	var widgetSparkBar = function(){
  		if(jQuery('#widget_spark-bar').length > 0 ){	
  			$("#widget_spark-bar").sparkline([33, 22, 68, 54, 8, 30, 74, 7, 36, 5, 41, 19, 43, 29, 38], {
  				type: "bar",
  				height: "40",
  				barWidth: 3,
  				barSpacing: 3,
  				barColor: "rgb(7, 135, 234)"
  			});
  		}	
  	}	
  	var widgetStackedBarChart = function(){
  		if(jQuery('#widget_StackedBarChart').length > 0 ){	
  			$('#widget_StackedBarChart').sparkline([
  				[1, 4, 2],
  				[2, 3, 2],
  				[3, 2, 2],
  				[4, 1, 2]
  			], {
  					type: "bar",
  					height: "40",
  					barWidth: 3,
  					barSpacing: 3, 
  					stackedBarColor: ['#36b9d8', '#4bffa2', 'rgba(68, 0, 235, .8)']
  				});
  		}
  	}
  	var widgetTristate = function(){
  		if(jQuery('#widget_tristate').length > 0 ){	
  
  			$("#widget_tristate").sparkline([1, 1, 0, 1, -1, -1, 1, -1, 0, 0, 1, 1], {
  				type: 'tristate',
  				height: "40",
  				barWidth: 3,
  				barSpacing: 3, 
  				colorMap: ['#36b9d8', '#4bffa2', 'rgba(68, 0, 235, .8)'], 
  				negBarColor: 'rgba(245, 60, 121, .8)'
  			});
  		}
  	}
  	var widgetCompositeBar = function(){
  			// Composite
  		if(jQuery('#widget_composite-bar').length > 0 ){
  			$("#widget_composite-bar").sparkline([73, 53, 50, 67, 3, 56, 19, 59, 37, 32, 40, 26, 71, 19, 4, 53, 55, 31, 37, 67, 10, 21], {
  				type: "bar",
  				height: "40",
  				barWidth: "3",
  				resize: !0,
  				// barSpacing: "7",
  				barColor: "rgb(68, 11, 89)", 
  				width: '100%'
  			});
  		}	
  	}	
  	
  	/* Function ============ */
  		return {
  			init:function(){
  			},
  			
  			
  			load:function(){
  				activityChart();	
  				activeUser();
  				chartWidget1();	
  				chartWidget2();	
  				chartWidget3();		
  				chartWidget4();
  				chartWidget5();
  				chartWidget6();
  				chartWidget7();
  				chartWidget8();
  				chartWidget9();
  				chartWidget10();
  				chartWidget11();
  				chartWidget14();
  				chartWidget15();
  				chartWidget16();
  				chartWidget17();
  				widgetSparkLinedash();
  				widgetSparkBar();
  				widgetStackedBarChart();
  				widgetTristate();
  				widgetCompositeBar();
  			},
  			
  			resize:function(){
  				activityChart();	
  				activeUser();
  				chartWidget1();	
  				chartWidget2();	
  				chartWidget3();		
  				chartWidget4();
  				chartWidget5();
  				chartWidget6();
  				chartWidget7();
  				chartWidget8();
  				chartWidget9();
  				chartWidget10();
  				chartWidget11();
  				chartWidget14();
  				chartWidget15();
  				chartWidget16();
  				chartWidget17();
  				widgetSparkLinedash();
  				widgetSparkBar();
  				widgetStackedBarChart();
  				widgetTristate();
  				widgetCompositeBar();
  			}
  		}
  	
  	}();
  
  	jQuery(document).ready(function(){
  	});
  		
  	jQuery(window).on('load',function(){
  		dzChartlist.load();
  	});
  
  	jQuery(window).on('resize',function(){
  		dzChartlist.resize();
  	});     
  
  })(jQuery);