Init(Core): Change repo
This commit is contained in:
265
public/assets/js/pages/dashboard.init.js
Normal file
265
public/assets/js/pages/dashboard.init.js
Normal file
@@ -0,0 +1,265 @@
|
||||
/*
|
||||
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
|
||||
}
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user