94 lines
2.2 KiB
JavaScript
94 lines
2.2 KiB
JavaScript
/*
|
|
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
|
Author: Themesbrand
|
|
Website: https://themesbrand.com/
|
|
Contact: themesbrand@gmail.com
|
|
File: Tasklist
|
|
*/
|
|
|
|
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"
|
|
}
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 280,
|
|
type: 'line',
|
|
stacked: false,
|
|
toolbar: {
|
|
show: false,
|
|
}
|
|
},
|
|
stroke: {
|
|
width: [0, 2, 5],
|
|
curve: 'smooth'
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '20%',
|
|
endingShape: 'rounded'
|
|
}
|
|
},
|
|
colors: ['#3b5de7', '#EEB902'],
|
|
series: [
|
|
{
|
|
name: 'وظایف تکمیل شده',
|
|
type: 'column',
|
|
data: [23, 11, 22, 27, 13, 22, 52, 21, 44, 22, 30]
|
|
},
|
|
{
|
|
name: 'همه وظایف',
|
|
type: 'line',
|
|
data: [23, 11, 34, 27, 17, 22, 62, 32, 44, 22, 39]
|
|
}
|
|
],
|
|
fill: {
|
|
gradient: {
|
|
inverseColors: false,
|
|
shade: 'light',
|
|
type: "vertical",
|
|
opacityFrom: 0.85,
|
|
opacityTo: 0.55,
|
|
stops: [0, 100, 100, 100]
|
|
}
|
|
},
|
|
labels: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن'],
|
|
markers: {
|
|
size: 0
|
|
},
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
legend: {
|
|
offsetY: 7
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#task-chart"),
|
|
options
|
|
);
|
|
|
|
chart.render(); |