Server : ApacheSystem : Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64 User : ndkhermy ( 1200) PHP Version : 8.5.12 Disable Function : NONE Directory : /home1/ndkhermy/www/website_93b53270/admin/assets/js/pages/ |
Upload File : |
'use strict';
$(document).ready(function() {
// [ bar-chart ] start
var bar = document.getElementById("chart-bar-1").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3],
datasets: [{
label: "Data 1",
data: [25, 45, 74, 85],
borderColor: '#4680ff',
backgroundColor: '#4680ff',
hoverborderColor:'#4680ff',
hoverBackgroundColor: '#4680ff',
}, {
label: "Data 2",
data: [30, 52, 65, 65],
borderColor: '#0e9e4a',
backgroundColor: '#0e9e4a',
hoverborderColor:'#0e9e4a',
hoverBackgroundColor: '#0e9e4a',
}]
};
var myBarChart = new Chart(bar, {
type: 'bar',
data: data1,
options: {
barValueSpacing: 20
}
});
// [ bar-chart ] end
// [ bar-stacked-chart ] start
var bar = document.getElementById("chart-bar-2").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3],
datasets: [{
label: "Data 1",
data: [25, 45, 74, 85],
borderColor: '#4680ff',
backgroundColor: '#4680ff',
hoverborderColor:'#4680ff',
hoverBackgroundColor: '#4680ff',
}, {
label: "Data 2",
data: [30, 52, 65, 65],
borderColor: '#ffba57',
backgroundColor: '#ffba57',
hoverborderColor:'#ffba57',
hoverBackgroundColor: '#ffba57',
}]
};
var myBarChart = new Chart(bar, {
type: 'bar',
data: data1,
options: {
barValueSpacing: 20,
scales: {
xAxes: [{
stacked: true,
}],
yAxes: [{
stacked: true
}]
}
},
});
// [ bar-stacked-chart ] end
// [ bar-Horizontal-chart ] start
var bar = document.getElementById("chart-bar-3").getContext('2d');
var theme_g1 = bar.createLinearGradient(0, 300, 0, 0);
var data1 = {
labels: [0, 1, 2, 3],
datasets: [{
label: "Data 1",
data: [25, 45, 74, 85],
borderColor: '#4680ff',
backgroundColor: '#4680ff',
hoverborderColor:'#4680ff',
hoverBackgroundColor: '#4680ff',
}, {
label: "Data 2",
data: [30, 52, 65, 65],
borderColor: '#ff5252',
backgroundColor: '#ff5252',
hoverborderColor:'#ff5252',
hoverBackgroundColor: '#ff5252',
}]
};
var myBarChart = new Chart(bar, {
type: 'bar',
data: data1,
options: {
barValueSpacing: 20,
indexAxis: 'y',
}
});
// [ bar-Horizontal-chart ] end
// [ line-chart ] start
var bar = document.getElementById("chart-line-1").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3, 4, 5, 6],
datasets: [{
label: "D1",
data: [55, 70, 62, 81, 56, 70, 90],
fill: false,
borderWidth: 4,
lineTension: 0,
borderDash: [15, 10],
borderColor: '#0e9e4a',
backgroundColor: '#0e9e4a',
hoverborderColor: '#0e9e4a',
hoverBackgroundColor: '#0e9e4a',
}, {
label: "D2",
data: [85, 55, 70, 50, 75, 45, 60],
fill: true,
cubicInterpolationMode: 'monotone',
borderWidth: 0,
borderColor: '#4680ff',
backgroundColor: '#4680ff',
hoverborderColor: '#4680ff',
hoverBackgroundColor: '#4680ff',
}, {
label: "D3",
data: [50, 75, 80, 70, 85, 80, 70],
fill: false,
borderWidth: 4,
borderColor: '#9ccc65',
backgroundColor: '#9ccc65',
hoverborderColor: '#9ccc65',
hoverBackgroundColor: '#9ccc65',
}]
};
var myBarChart = new Chart(bar, {
type: 'line',
data: data1,
responsive: true,
options: {
barValueSpacing: 20,
maintainAspectRatio: false,
}
});
// [ line-chart ] end
// [ area-origin-chart ] start
var bar = document.getElementById("chart-area-2").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3, 4, 5, 6],
datasets: [{
label: "D1",
data: [85, 55, 70, 50, 75, 45, 60],
borderWidth: 1,
borderColor: '#00bcd4',
backgroundColor:'#00bcd4',
hoverborderColor: '#00bcd4',
hoverBackgroundColor:'#00bcd4',
fill: 'origin',
}]
};
var myBarChart = new Chart(bar, {
type: 'line',
data: data1,
responsive: true,
options: {
barValueSpacing: 20,
maintainAspectRatio: false,
}
});
// [ area-origin-chart ] end
// [ area-end-chart ] start
var bar = document.getElementById("chart-area-3").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3, 4, 5, 6],
datasets: [{
label: "D1",
data: [85, 55, 70, 50, 75, 45, 60],
borderWidth: 1,
borderColor: '#9ccc65',
backgroundColor: '#9ccc65',
hoverborderColor: '#9ccc65',
hoverBackgroundColor:'#9ccc65',
fill: 'end',
}]
};
var myBarChart = new Chart(bar, {
type: 'line',
data: data1,
responsive: true,
options: {
barValueSpacing: 20,
maintainAspectRatio: false,
}
});
// [ area-end-chart ] end
// [ area-chart ] Start
var bar = document.getElementById("chart-area-1").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3, 4, 5, 6],
datasets: [{
label: "D1",
data: [45, 60, 45, 80, 60, 80, 45],
fill: true,
borderWidth: 4,
borderColor: '#4680ff',
backgroundColor: '#4680ff',
hoverborderColor: '#4680ff',
hoverBackgroundColor: '#4680ff',
}, {
label: "D2",
data: [45, 80, 45, 45, 60, 45, 80],
fill: true,
cubicInterpolationMode: 'monotone',
borderWidth: 0,
borderColor: '#0e9e4a',
backgroundColor: '#0e9e4a',
hoverborderColor: '#0e9e4a',
hoverBackgroundColor: '#0e9e4a',
}, {
label: "D3",
data: [83, 45, 60, 45, 45, 55, 45],
fill: true,
borderWidth: 4,
borderColor: '#9ccc65',
backgroundColor: '#9ccc65',
hoverborderColor: '#9ccc65',
hoverBackgroundColor: '#9ccc65',
}]
};
var myBarChart = new Chart(bar, {
type: 'line',
data: data1,
responsive: true,
options: {
barValueSpacing: 20,
maintainAspectRatio: false,
}
});
// [ area-chart ] end
// [ radar-chart1 ] Start
var bar = document.getElementById("chart-radar-1").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3, 4, 5, 6],
datasets: [{
label: "D1",
data: [60, 60, 45, 80, 60, 80, 45],
fill: true,
borderWidth: 4,
borderColor: '#4680ff',
backgroundColor: '#4680ff',
hoverborderColor: '#4680ff',
hoverBackgroundColor: '#4680ff',
}, {
label: "D2",
data: [40, 80, 40, 65, 60, 50, 95],
fill: true,
cubicInterpolationMode: 'monotone',
borderWidth: 0,
borderColor: '#0e9e4a',
backgroundColor: '#0e9e4a',
hoverborderColor: '#0e9e4a',
hoverBackgroundColor: '#0e9e4a',
}, {
label: "D3",
data: [20, 40, 80, 60, 85, 60, 20],
fill: true,
borderWidth: 4,
borderColor: '#9ccc65',
backgroundColor: '#9ccc65',
hoverborderColor: '#9ccc65',
hoverBackgroundColor: '#9ccc65',
}]
};
var myBarChart = new Chart(bar, {
type: 'radar',
data: data1,
responsive: true,
options: {
barValueSpacing: 20,
maintainAspectRatio: false,
}
});
// [ radar-chart1 ] end
// [ radar-chart2 ] Start
var bar = document.getElementById("chart-radar-2").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3, 4, 5, 6],
datasets: [{
label: "D1",
data: [60, 60, 45, 80, 60, 80, 45],
fill: true,
borderWidth: 4,
borderColor: '#9ccc65',
backgroundColor: '#9ccc65',
hoverborderColor: '#9ccc65',
hoverBackgroundColor: '#9ccc65',
}, {
label: "D2",
data: [40, 80, 40, 65, 60, 50, 95],
fill: true,
cubicInterpolationMode: 'monotone',
borderWidth: 0,
borderColor: '#ff5252',
backgroundColor: '#ff5252',
hoverborderColor: '#ff5252',
hoverBackgroundColor: '#ff5252',
}, {
label: "D3",
data: [20, 40, 80, 60, 85, 60, 20],
fill: true,
borderWidth: 4,
borderColor: '#ffba57',
backgroundColor: '#ffba57',
hoverborderColor: '#ffba57',
hoverBackgroundColor: '#ffba57',
}]
};
var BarChart = new Chart(bar, {
type: 'radar',
data: data1,
responsive: true,
options: {
barValueSpacing: 20,
maintainAspectRatio: false,
}
});
// [ radar-chart2 ] end
// [ radar-chart3 ] start
var bar = document.getElementById("chart-radar-3").getContext('2d');
var data1 = {
labels: [0, 1, 2, 3, 4, 5, 6],
datasets: [{
label: "D1",
data: [60, 60, 45, 80, 60, 80, 45],
fill: true,
borderWidth: 4,
borderColor: '#4680ff',
backgroundColor: "transparent",
hoverborderColor: '#4680ff',
hoverBackgroundColor: "transparent",
}, {
label: "D2",
data: [40, 80, 40, 65, 60, 50, 95],
fill: true,
cubicInterpolationMode: 'monotone',
borderWidth: 0,
borderColor: '#0e9e4a',
backgroundColor: "transparent",
hoverborderColor: '#0e9e4a',
hoverBackgroundColor: "transparent",
}, {
label: "D3",
data: [20, 40, 80, 60, 85, 60, 20],
fill: true,
borderWidth: 4,
borderColor: '#9ccc65',
backgroundColor: "transparent",
hoverborderColor: '#9ccc65',
hoverBackgroundColor: "transparent",
}]
};
var BarChart = new Chart(bar, {
type: 'radar',
data: data1,
responsive: true,
options: {
barValueSpacing: 20,
maintainAspectRatio: false,
}
});
// [ radar-chart3 ] end
// [ pie-chart ] start
var bar = document.getElementById("chart-pie-1").getContext('2d');
var data4 = {
labels: [
"Data 1",
"Data 2",
"Data 3"
],
datasets: [{
data: [30, 30, 40],
backgroundColor: [
'#9ccc65',
'#0e9e4a',
'#4680ff'
],
hoverBackgroundColor: [
'#9ccc65',
'#0e9e4a',
'#4680ff'
]
}]
};
var myPieChart = new Chart(bar, {
type: 'pie',
data: data4,
responsive: true,
options: {
maintainAspectRatio: false,
}
});
// [ pie-chart ] end
// [ Donut-chart ] start
var bar = document.getElementById("chart-donut-1").getContext('2d');
var data4 = {
labels: [
"Data 1",
"Data 2",
"Data 3"
],
datasets: [{
data: [30, 30, 40],
backgroundColor: [
'#9ccc65',
'#ffba57',
'#ff5252'
],
hoverBackgroundColor: [
'#9ccc65',
'#ffba57',
'#ff5252'
]
}]
};
var myPieChart = new Chart(bar, {
type: 'doughnut',
data: data4,
responsive: true,
options: {
maintainAspectRatio: false,
}
});
// [ Donut-chart ] end
});