law-api/public/assets/js/pages/dashboard.init.js

/*
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
Author: Themesbrand
Website: https://themesbrand.com/
Contact: themesbrand@gmail.com
File: Dashboard
*/

Apex.chart = {
	fontFamily: 'inherit',
	locales: [{
		"name": "fa",
		"options": {
			"months": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
			"shortMonths": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
			"days": ["یکشنبه", "دوشنبه", "سه‌شنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه"],
			"shortDays": ["ی", "د", "س", "چ", "پ", "ج", "ش"],
			"toolbar": {
				"exportToSVG": "دریافت SVG",
				"exportToPNG": "دریافت PNG",
				"exportToCSV": "دریافت CSV",
				"menu": "فهرست",
				"selection": "انتخاب",
				"selectionZoom": "بزرگنمایی قسمت انتخاب شده",
				"zoomIn": "بزرگ نمایی",
				"zoomOut": "کوچک نمایی",
				"pan": "جا به جایی",
				"reset": "بازنشانی بزرگ نمایی"
			}
		}
	}],
	defaultLocale: "fa"
}


// line chart
var options = {
	series: [{
			name: "1398",
			type: 'line',
			data: [20, 34, 27, 59, 37, 26, 38, 25],
		},
		{
			name: "1399",
			data: [10, 24, 17, 49, 27, 16, 28, 15],
			type: 'area',
		}
	],
	chart: {
		height: 260,
		type: 'line',

		toolbar: {
			show: false
		},
		zoom: {
			enabled: false
		}
	},
	colors: ['#45cb85', '#3b5de7'],
	dataLabels: {
		enabled: false,
	},
	stroke: {
		curve: 'smooth',
		width: '3',
		dashArray: [4, 0],
	},

	markers: {
		size: 3
	},
	xaxis: {
		categories: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان'],
		title: {
			text: 'ماه'
		}
	},

	fill: {
		type: 'solid',
		opacity: [1, 0.1],
	},

	legend: {
		position: 'top',
		horizontalAlign: 'right',
	}
};

var chart = new ApexCharts(document.querySelector("#line-chart"), options);
chart.render();


// column chart

var options = {
	series: [{
		name: 'سری الف',
		data: [11, 17, 15, 15, 21, 14]
	}, {
		name: 'سری ب',
		data: [13, 23, 20, 8, 13, 27]
	}, {
		name: 'سری ج',
		data: [44, 55, 41, 67, 22, 43]
	}],
	chart: {
		type: 'bar',
		height: 260,
		stacked: true,
		toolbar: {
			show: false
		},
		zoom: {
			enabled: true
		}
	},
	plotOptions: {
		bar: {
			horizontal: false,
			columnWidth: '20%',
			endingShape: 'rounded'
		},
	},
	dataLabels: {
		enabled: false
	},
	xaxis: {
		categories: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور'],
		labels: {
			offsetY: 2
		}
	},
	colors: ['#eef3f7', '#ced6f9', '#3b5de7'],
	fill: {
		opacity: 1
	},
	legend: {
		offsetY: 7
	}
};

var chart = new ApexCharts(document.querySelector("#column-chart"), options);
chart.render();


// donut chart

var options = {
	series: [38, 26, 14],
	chart: {
		height: 230,
		type: 'donut',
	},
	labels: ["آنلاین", "آفلاین", "بازاریابی"],
	plotOptions: {
		pie: {
			donut: {
				size: '75%'
			}
		}
	},
	legend: {
		show: false,
	},
	colors: ['#3b5de7', '#45cb85', '#eeb902'],

};

var chart = new ApexCharts(document.querySelector("#donut-chart"), options);
chart.render();


// Scatter chart

var options = {
	series: [{
		name: "سری الف",
		data: [
			[2, 5],
			[7, 2],
			[4, 3],
			[5, 2],
			[6, 1],
			[1, 3],
			[2, 7],
			[8, 0],
			[9, 8],
			[6, 0],
			[10, 1]
		]
	}, {
		name: "سری ب",
		data: [
			[15, 13],
			[7, 11],
			[5, 8],
			[9, 17],
			[11, 4],
			[14, 12],
			[13, 14],
			[8, 9],
			[4, 13],
			[7, 7],
			[5, 8],
			[4, 3]
		]
	}],
	chart: {
		height: 230,
		type: 'scatter',
		toolbar: {
			show: false
		},
		zoom: {
			enabled: true,
			type: 'xy'
		}
	},

	colors: ['#3b5de7', '#45cb85'],
	xaxis: {
		tickAmount: 10,

	},
	legend: {
		position: 'top',
	},
	yaxis: {
		tickAmount: 7
	}
};

var chart = new ApexCharts(document.querySelector("#scatter-chart"), options);
chart.render();


// USA map

$('#usa-vectormap').vectorMap({
	map: 'us_merc_en',
	backgroundColor: 'transparent',
	regionStyle: {
		initial: {
			fill: '#556ee6'
		}
	},
	markerStyle: {
		initial: {
			r: 9,
			'fill': '#556ee6',
			'fill-opacity': 0.9,
			'stroke': '#fff',
			'stroke-width': 7,
			'stroke-opacity': 0.4
		},

		hover: {
			'stroke': '#fff',
			'fill-opacity': 1,
			'stroke-width': 1.5
		}
	},
});