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_6031bb72/admin/assets/js/pages/ |
Upload File : |
'use strict';
$(document).ready(function() {
setTimeout(function() {
floatchart()
}, 700);
});
function floatchart() {
// [ amount-processed ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 50,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 3,
opacity: 0.9,
colors: "#fff",
strokeColor: "#4680ff",
strokeWidth: 2,
hover: {
size: 7,
}
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Amount Processed :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#amount-processed"), options);
chart.render();
});
// [ amount-processed ] end
// [ amount-spent ] start
$(function() {
var options = {
chart: {
type: 'bar',
height: 50,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63, 25, 44, 12]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Amount Spent :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#amount-spent"), options);
chart.render();
});
// [ amount-spent ] end
// [ profit-processed ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 50,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ffba57"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 3,
opacity: 0.9,
colors: "#fff",
strokeColor: "#ffba57",
strokeWidth: 2,
hover: {
size: 7,
}
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Profit Processed :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#profit-processed"), options);
chart.render();
});
// [ profit-processed ] end
// [ sec-ecommerce-chart-line ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 50,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#fff"],
fill: {
type: 'solid',
opacity: 0,
},
markers: {
size: 3,
opacity: 0.9,
colors: "#fff",
strokeColor: "#fff",
strokeWidth: 2,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Referral :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sec-ecommerce-chart-line"), options);
chart.render();
});
// [ sec-ecommerce-chart-line ] end
// [ sec-ecommerce-chart-bar ] start
$(function() {
var options = {
chart: {
type: 'bar',
height: 80,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#548b2e"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Affiliate :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sec-ecommerce-chart-bar"), options);
chart.render();
});
// [ sec-ecommerce-chart-bar ] end
// [ seo-ecommerce-barchart ] start
$(function() {
var options = {
chart: {
type: 'bar',
height: 170,
zoom: {
enabled: false
},
toolbar: {
show: false,
},
},
dataLabels: {
enabled: false,
},
colors: ["#4680ff"],
plotOptions: {
bar: {
color: '#4680ff',
columnWidth: '60%',
}
},
fill: {
type: 'solid',
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 25, 44, 12]
}],
xaxis: {
crosshairs: {
width: 1
},
labels: {
show: false,
},
},
grid: {
padding: {
bottom: 0,
left: 10,
}
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Active Users :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#seo-ecommerce-barchart"), options);
chart.render();
});
// [ seo-ecommerce-barchart ] end
// [ sal-income ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 100,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 0,
opacity: 0.9,
colors: "#fff",
strokeColor: "#4680ff",
strokeWidth: 2,
hover: {
size: 7,
}
},
stroke: {
width: 3,
},
series: [{
name: 'series1',
data: [25, 66, 41, 89, 25, 44, 12, 36, 9, 54, 25, 66, 41, 66, 41, 89]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Sale Income :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sal-income"), options);
chart.render();
});
// [ sal-income ] end
// [ rent-income ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 100,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 0,
opacity: 0.9,
colors: "#fff",
strokeColor: "#9ccc65",
strokeWidth: 2,
hover: {
size: 7,
}
},
stroke: {
width: 3,
},
series: [{
name: 'series1',
data: [9, 54, 25, 66, 41, 66, 41, 89, 25, 66, 41, 89, 25, 44, 12, 36, ]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Rent Income :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#rent-income"), options);
chart.render();
});
// [ rent-income ] end
// [ income-analysis ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 100,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ff5252"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 0,
opacity: 0.9,
colors: "#fff",
strokeColor: "#ff5252",
strokeWidth: 2,
hover: {
size: 7,
}
},
stroke: {
width: 3,
},
series: [{
name: 'series1',
data: [25, 66, 41, 89, 25, 44, 12, 36, 9, 54, 25, 66, 41, 66, 41, 89]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Income Analysis :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#income-analysis"), options);
chart.render();
});
// [ income-analysis ] end
// [ sale-report ] start
$(function() {
var options = {
chart: {
type: 'bar',
height: 150,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 9, 54, 25, 66, 41, 69, 23]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Daily Sales :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sale-report-1"), options);
chart.render();
});
$(function() {
var options = {
chart: {
type: 'bar',
height: 150,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 9, 54, 25, 66, 41, 69, 23]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Weekly Sales :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sale-report-2"), options);
chart.render();
});
$(function() {
var options = {
chart: {
type: 'bar',
height: 150,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ff5252"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 9, 54, 25, 66, 41, 69, 23]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Monthly Sales :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sale-report-3"), options);
chart.render();
});
$(function() {
var options = {
chart: {
type: 'bar',
height: 150,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ffba57"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 9, 54, 25, 66, 41, 69, 23]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Yearly Sales :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sale-report-4"), options);
chart.render();
});
// [ sale-report ] end
// [ this-month ] start
$(function() {
var options = {
chart: {
type: 'bar',
height: 150,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 9, 54, 25, 66, 41, 69, 23]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Income in $'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#this-month"), options);
chart.render();
});
// [ this-month ] end
// [ sale-chart1 ] start
$(function() {
var options = {
chart: {
type: 'line',
height: 117,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#fff"],
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [55, 35, 75, 25, 90, 50]
}],
yaxis: {
min: 20,
max: 100,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Sales Per Day'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sale-chart1"), options);
chart.render();
});
// [ sale-chart1 ] end
// [ sale-chart3 ] start
$(function() {
var options = {
chart: {
type: 'line',
height: 117,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#fff"],
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [55, 35, 75, 50, 90, 50]
}],
yaxis: {
min: 20,
max: 100,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Orders'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#sale-chart3"), options);
chart.render();
});
// [ sale-chart3 ] end
// [ power-card-chart1 ] start
$(function() {
var options = {
chart: {
type: 'line',
height: 75,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ff5252"],
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [55, 35, 75, 50, 90, 50]
}],
yaxis: {
min: 10,
max: 100,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Power'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#power-card-chart1"), options);
chart.render();
});
// [ power-card-chart1 ] end
// [ power-card-chart2 ] start
$(function() {
var options = {
chart: {
type: 'line',
height: 75,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [50, 90, 50, 75, 55, 80]
}],
yaxis: {
min: 10,
max: 100,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Water'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#power-card-chart2"), options);
chart.render();
});
// [ power-card-chart2 ] end
// [ power-card-chart3 ] start
$(function() {
var options = {
chart: {
type: 'line',
height: 75,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ffba57"],
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [55, 35, 75, 50, 90, 50]
}],
yaxis: {
min: 10,
max: 100,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Temperature'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#power-card-chart3"), options);
chart.render();
});
// [ power-card-chart3 ] end
// [ revenue-map ] start
$(function() {
var options = {
chart: {
height: 220,
type: 'line',
toolbar: {
show: false,
},
},
dataLabels: {
enabled: false
},
stroke: {
width: 2,
curve: 'smooth'
},
series: [{
name: 'Market Days',
data: [20, 50, 30, 60, 30, 50, 40]
}, {
name: 'Market Days ALL',
data: [40, 20, 50, 15, 40, 65, 20]
}],
xaxis: {
type: 'datetime',
categories: ['1/11/2000', '2/11/2000', '3/11/2000', '4/11/2000', '5/11/2000', '6/11/2000', '7/11/2000'],
},
colors: ['#448aff', '#9ccc65'],
fill: {
type: 'solid',
},
markers: {
size: 5,
colors: ['#448aff', '#9ccc65'],
opacity: 0.9,
strokeWidth: 2,
hover: {
size: 7,
}
},
grid: {
borderColor: '#e2e5e885',
},
yaxis: {
title: {
text: 'Revenue Market'
},
min: 10,
max: 70,
}
};
var chart = new ApexCharts(document.querySelector("#revenue-map"), options);
chart.render();
});
// [ revenue-map ] end
// [ proj-earning ] start
$(function() {
var options = {
chart: {
type: 'bar',
height: 200,
zoom: {
enabled: false
},
toolbar: {
show: false,
},
},
dataLabels: {
enabled: false,
},
colors: ["#fff"],
plotOptions: {
bar: {
color: '#fff',
columnWidth: '60%',
}
},
fill: {
type: 'solid',
opacity: 1,
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63, 25, 44, 12, 36]
}],
xaxis: {
crosshairs: {
width: 1
},
labels: {
show: false,
},
},
yaxis: {
labels: {
style: {
color: '#fff',
}
},
},
grid: {
borderColor: '#ffffff85',
padding: {
bottom: 0,
left: 10,
}
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Earnings'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#proj-earning"), options);
chart.render();
});
// [ proj-earning ] end
// [ realtime-visit-chart ] start
$(function() {
var lastDate = 0;
var data = [];
function getDayWiseTimeSeries(baseval, count, yrange) {
var i = 0;
while (i < count) {
var x = baseval;
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
data.push({
x,
y
});
lastDate = baseval
baseval += 86400000;
i++;
}
}
getDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
min: 10,
max: 90
})
function getNewSeries(baseval, yrange) {
var newDate = baseval + 86400000;
lastDate = newDate
data.push({
x: newDate,
y: Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
})
}
function resetData() {
data = data.slice(data.length - 10, data.length);
}
var options = {
chart: {
height: 230,
type: 'area',
animations: {
enabled: true,
easing: 'linear',
dynamicAnimation: {
speed: 2000
}
},
toolbar: {
show: false
},
zoom: {
enabled: false
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
series: [{
name: 'active Users :',
data: data
}],
colors: ["#ff5252"],
fill: {
type: 'solid',
opacity: 0,
},
markers: {
size: 0
},
xaxis: {
type: 'datetime',
range: 777600000,
},
yaxis: {
max: 100
},
legend: {
show: false
},
}
var chart = new ApexCharts(
document.querySelector("#realtime-visit-chart"),
options
);
chart.render();
var dataPointsLength = 10;
window.setInterval(function() {
getNewSeries(lastDate, {
min: 10,
max: 90
})
chart.updateSeries([{
data: data
}])
}, 2000)
window.setInterval(function() {
resetData()
chart.updateSeries([{
data
}], false, true)
}, 60000)
});
// [ realtime-visit-chart ] end
// [ seo-anlytics1 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 50,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
fill: {
type: 'solid',
opacity: 0,
},
grid: {
padding: {
left: 5,
right: 5
}
},
markers: {
size: 3,
opacity: 0.9,
colors: "#4680ff",
strokeColor: "#4680ff",
strokeWidth: 1,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
name: 'series1',
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Site Analysis :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#seo-anlytics1"), options);
chart.render();
});
// [ seo-anlytics1 ] end
// [ seo-anlytics2 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 50,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
fill: {
type: 'solid',
opacity: 0,
},
grid: {
padding: {
left: 5,
right: 5
}
},
markers: {
size: 3,
opacity: 0.9,
colors: "#9ccc65",
strokeColor: "#9ccc65",
strokeWidth: 1,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
name: 'series1',
data: [12, 25, 36, 9, 54, 25, 66, 66, 41, 89, 63, 25, 44, 89, 41]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Sales :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#seo-anlytics2"), options);
chart.render();
});
// [ seo-anlytics2 ] end
// [ seo-anlytics3 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 50,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ff5252"],
fill: {
type: 'solid',
opacity: 0,
},
grid: {
padding: {
left: 5,
right: 5
}
},
markers: {
size: 3,
opacity: 0.9,
colors: "#ff5252",
strokeColor: "#ff5252",
strokeWidth: 1,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
name: 'series1',
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Visits :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#seo-anlytics3"), options);
chart.render();
});
// [ seo-anlytics3 ] end
// [ seo-anlytics4 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 50,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ffba57"],
fill: {
type: 'solid',
opacity: 0,
},
grid: {
padding: {
left: 5,
right: 5
}
},
markers: {
size: 3,
opacity: 0.9,
colors: "#ffba57",
strokeColor: "#ffba57",
strokeWidth: 1,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
name: 'series1',
data: [12, 25, 36, 9, 54, 25, 66, 66, 41, 89, 63, 25, 44, 89, 41]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Usage :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#seo-anlytics4"), options);
chart.render();
});
// [ seo-anlytics4 ] end
// [ total-value-graph-1 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 100,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#FFF"],
fill: {
type: 'solid',
opacity: 0.4,
},
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [20, 10, 18, 12, 25, 10, 20]
}],
yaxis: {
min: 0,
max: 30,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Sales'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#total-value-graph-1"), options);
chart.render();
});
// [ total-value-graph-1 ] end
// [ total-value-graph-2 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 100,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#FFF"],
fill: {
type: 'solid',
opacity: 0.4,
},
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [10, 20, 18, 25, 12, 10, 20]
}],
yaxis: {
min: 0,
max: 30,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Comment'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#total-value-graph-2"), options);
chart.render();
});
// [ total-value-graph-2 ] end
// [ total-value-graph-3 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 100,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#FFF"],
fill: {
type: 'solid',
opacity: 0.4,
},
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [20, 10, 25, 18, 18, 10, 12]
}],
yaxis: {
min: 0,
max: 30,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Income Status'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#total-value-graph-3"), options);
chart.render();
});
// [ total-value-graph-3 ] end
// [ total-value-graph-4 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 100,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#FFF"],
fill: {
type: 'solid',
opacity: 0.4,
},
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [18, 10, 20, 10, 12, 25, 20]
}],
yaxis: {
min: 0,
max: 30,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Visitors'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#total-value-graph-4"), options);
chart.render();
});
// [ total-value-graph-4 ] end
// [ monthlyprofit-1 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 40,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 2,
opacity: 0.9,
colors: "#4680ff",
strokeColor: "#4680ff",
strokeWidth: 2,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [9, 66, 41, 89, 63, 25, 44, 12, 36, 20, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 9]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Monthly Profit :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#monthlyprofit-1"), options);
chart.render();
});
// [ monthlyprofit-1 ] end
// [ monthlyprofit-2 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 40,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 2,
opacity: 0.9,
colors: "#9ccc65",
strokeColor: "#9ccc65",
strokeWidth: 2,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [9, 66, 41, 36, 20, 54, 25, 66, 41, 89, 63, 89, 63, 25, 44, 12, 54, 25, 66, 41, 9]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Sales :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#monthlyprofit-2"), options);
chart.render();
});
// [ monthlyprofit-2 ] end
// [ monthlyprofit-3 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 40,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ff5252"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 2,
opacity: 0.9,
colors: "#ff5252",
strokeColor: "#ff5252",
strokeWidth: 2,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [9, 66, 41, 89, 63, 25, 44, 12, 36, 20, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 9]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Unique Visitors :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#monthlyprofit-3"), options);
chart.render();
});
// [ monthlyprofit-3 ] end
// [ seo-chart1 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 40,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 2,
opacity: 0.9,
colors: "#4680ff",
strokeColor: "#4680ff",
strokeWidth: 2,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [9, 66, 41, 89, 63, 25, 44, 12, 36, 20, 54, 25, 9]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Visits :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#seo-chart1"), options);
chart.render();
});
// [ seo-chart1 ] end
// [ seo-chart2 ] start
$(function() {
var options = {
chart: {
type: 'bar',
height: 40,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Bounce Rate :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#seo-chart2"), options);
chart.render();
});
// [ seo-chart2 ] end
// [ seo-chart3 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 40,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ff5252"],
fill: {
type: 'solid',
opacity:0,
},
markers: {
size: 2,
opacity: 0.9,
colors: "#ff5252",
strokeColor: "#ff5252",
strokeWidth: 2,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [9, 66, 41, 89, 63, 25, 44, 12, 36, 20, 54, 25, 9]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Products :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#seo-chart3"), options);
chart.render();
});
// [ seo-chart3 ] end
// [ client-map-1 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 70,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
fill: {
type: 'solid',
opacity: 0.4,
},
stroke: {
curve: 'smooth',
width: 3,
},
series: [{
name: 'series1',
data: [20, 10, 18, 12, 25, 10, 20]
}],
yaxis: {
min: 0,
max: 30,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return 'Activity'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#client-map-1"), options);
chart.render();
});
// [ client-map-1 ] end
// [ client-map-2 ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 70,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ff5252"],
fill: {
type: 'solid',
opacity: 0.3,
},
markers: {
size: 3,
opacity: 0.9,
colors: "#ff5252",
strokeColor: "#ff5252",
strokeWidth: 2,
hover: {
size: 4,
}
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
name: 'series1',
data: [9, 66, 41, 89, 63, 25, 44, 12, 36, 20, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 9]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Activity :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#client-map-2"), options);
chart.render();
});
// [ client-map-2 ] end
// [ client-map-3 ] start
$(function() {
var options = {
chart: {
type: 'bar',
height: 70,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Activity :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#client-map-3"), options);
chart.render();
});
// [ client-map-3 ] end
// [ tot-lead ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 150,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
fill: {
type: 'solid',
opacity: 0.3,
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [25, 66, 41, 89, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Leads :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#tot-lead"), options);
chart.render();
});
// [ tot-lead ] end
// [ tot-vendor ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 150,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#9ccc65"],
fill: {
type: 'solid',
opacity: 0.3,
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 25, 66, 41, 50]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Total Vendors :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#tot-vendor"), options);
chart.render();
});
// [ tot-vendor ] end
// [ invoice-gen ] start
$(function() {
var options = {
chart: {
type: 'area',
height: 150,
sparkline: {
enabled: true
}
},
dataLabels: {
enabled: false
},
colors: ["#ff5252"],
fill: {
type: 'solid',
opacity: 0.3,
},
stroke: {
curve: 'straight',
width: 3,
},
series: [{
name: 'series1',
data: [25, 66, 41, 89, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Invoice Generate :'
}
}
},
marker: {
show: false
}
}
};
var chart = new ApexCharts(document.querySelector("#invoice-gen"), options);
chart.render();
});
// [ invoice-gen ] end
// ===================================================================
// ===================================================================
// ===================================================================
// [ peity-chart ] start
$(function() {
$(".data-attributes").peity("donut");
});
// [ peity-chart ] end
// [ Support tracker ] start
$(function() {
var options = {
chart: {
type: 'line',
height: 80,
sparkline: {
enabled: true
}
},
stroke: {
width: 3,
curve: "smooth",
},
series: [{
data: [45, 66, 41, 89, 25, 44, 9, 54]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'hii'
}
}
},
marker: {
show: false
}
}
}
var chart = new ApexCharts(document.querySelector("#hd-complited-ticket"), options);
chart.render()
});
// [ Support tracker ] end
// [ Support tracker ] start
$(function() {
var options = {
chart: {
height: 120,
type: 'bar',
sparkline: {
enabled: true
},
},
colors: ["#4680ff", "#0e9e4a", "#ff5252"],
plotOptions: {
bar: {
columnWidth: '55%',
distributed: true
}
},
dataLabels: {
enabled: false,
},
stroke: {
width: 0
},
series: [{
name: 'Requests',
data: [66.6, 29.7, 32.8]
}],
xaxis: {
categories: ['Desktop', 'Tablet', 'Mobile'],
}
}
var chart = new ApexCharts(
document.querySelector("#chart-percent"),
options
);
chart.render()
});
// [ Support tracker ] end
// [ Transection ] start
$(function() {
var options1 = {
chart: {
type: 'bar',
height: 50,
sparkline: {
enabled: true
}
},
colors: ["#4680ff"],
plotOptions: {
bar: {
columnWidth: '80%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
}],
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Inbound'
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#transactions1"), options1).render();
var options2 = {
chart: {
type: 'bar',
height: 50,
sparkline: {
enabled: true
}
},
colors: ["#ff5252"],
plotOptions: {
bar: {
columnWidth: '80%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
}],
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Outbound'
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#transactions2"), options2).render();
});
// [ Transection ] end
// [ order join chart ] start
$(function() {
var spark1 = {
chart: {
type: 'line',
height: 30,
sparkline: {
enabled: true
},
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
data: [3, 0, 1, 2, 1, 1, 2]
}],
yaxis: {
min: -2,
max: 5
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
},
colors: ['#FF9800'],
}
var chart = new ApexCharts(document.querySelector("#real4-chart"), spark1);
chart.render()
var spark2 = {
chart: {
type: 'line',
height: 30,
sparkline: {
enabled: true
},
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
data: [2, 1, 2, 1, 1, 3, 0]
}],
yaxis: {
min: -3,
max: 5
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
},
colors: ['#dc6788'],
}
var chart = new ApexCharts(document.querySelector("#real6-chart"), spark2);
chart.render()
var spark3 = {
chart: {
type: 'line',
height: 30,
sparkline: {
enabled: true
},
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
data: [3, 0, 1, 2, 1, 1, 2]
}],
yaxis: {
min: -3,
max: 5
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
},
colors: ['#ff5252'],
}
var chart = new ApexCharts(document.querySelector("#real1-chart"), spark3);
chart.render()
var spark4 = {
chart: {
type: 'line',
height: 30,
sparkline: {
enabled: true
},
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
data: [2, 1, 2, 1, 1, 3, 0]
}],
yaxis: {
min: -3,
max: 5
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
},
colors: ['#536dfe'],
}
var chart = new ApexCharts(document.querySelector("#real5-chart"), spark4);
chart.render()
var spark5 = {
chart: {
type: 'line',
height: 30,
sparkline: {
enabled: true
},
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
data: [3, 0, 1, 2, 1, 1, 2]
}],
yaxis: {
min: -3,
max: 5
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
},
colors: ['#4680ff'],
}
var chart = new ApexCharts(document.querySelector("#real2-chart"), spark5);
chart.render()
var spark6 = {
chart: {
type: 'line',
height: 30,
sparkline: {
enabled: true
},
},
stroke: {
curve: 'straight',
width: 2,
},
series: [{
data: [2, 1, 2, 1, 1, 3, 0]
}],
yaxis: {
min: -3,
max: 5
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
},
colors: ['#9ccc65'],
}
var chart = new ApexCharts(document.querySelector("#real3-chart"), spark6);
chart.render()
});
// [ order join chart ] end
// [ Session chart ] start
$(function() {
function generateDatasehratheat(count, yrange) {
var i = 0;
var series = [];
while (i < count) {
var x = 'w' + (i + 1).toString();
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
series.push({
x: x,
y: y
});
i++;
}
return series;
}
var options = {
chart: {
height: 400,
type: 'heatmap',
},
dataLabels: {
enabled: false
},
colors: ["#4680ff"],
series: [{
name: 'Metric1',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric2',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric3',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric4',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric5',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric6',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric7',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric8',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric9',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric10',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric11',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric12',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric13',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
},
{
name: 'Metric14',
data: generateDatasehratheat(12, {
min: 0,
max: 90
})
}
]
}
var chart = new ApexCharts(
document.querySelector("#time-user"),
options
);
chart.render();
});
// [ Session chart ] end
// [ horizontal-bar-chart ] start
$(function() {
var options = {
chart: {
height: 350,
type: 'bar',
},
plotOptions: {
bar: {
horizontal: true,
dataLabels: {
position: 'top',
},
}
},
colors: ["#4680ff", "#0e9e4a", "#ff5252"],
dataLabels: {
enabled: true,
offsetX: -6,
style: {
fontSize: '12px',
colors: ['#fff']
}
},
stroke: {
show: true,
width: 1,
colors: ['#fff']
},
series: [{
name: 'India',
data: [44, 55, 41, 64, 22]
}, {
name: 'Japan',
data: [53, 32, 33, 52, 13]
}, {
name: 'London',
data: [44, 33, 52, 13, 22]
}],
xaxis: {
categories: [2001, 2002, 2003, 2004, 2005],
},
}
var chart = new ApexCharts(
document.querySelector("#horizontal-bar-chart"),
options
);
chart.render();
});
// [ horizontal-bar-chart ] end
// [ coversions-chart ] start
$(function() {
var options1 = {
chart: {
type: 'bar',
height: 65,
sparkline: {
enabled: true
}
},
colors: ["#4680ff"],
plotOptions: {
bar: {
columnWidth: '80%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 25, 44, 12, 36, 9, 54]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#coversions-chart"), options1).render();
});
// [ coversions-chart ] end
// [ satisfaction-chart ] start
$(function() {
var options = {
chart: {
height: 260,
type: 'pie',
},
series: [66, 50, 40, 30],
labels: ["Very Poor", "Satisfied", "Very Satisfied", "Poor"],
legend: {
show: true,
offsetY: 50,
},
dataLabels: {
enabled: true,
dropShadow: {
enabled: false,
}
},
theme: {
monochrome: {
enabled: true,
color: '#4680ff',
}
},
responsive: [{
breakpoint: 768,
options: {
chart: {
height: 320,
},
legend: {
position: 'bottom',
offsetY: 0,
}
}
}]
}
var chart = new ApexCharts(document.querySelector("#satisfaction-chart"), options);
chart.render();
});
// [ satisfaction-chart ] end
// [ traffic-chart1 ] start
$(function() {
var options = {
chart: {
height: 275,
type: 'donut',
},
dataLabels: {
enabled: true,
dropShadow: {
enabled: false,
}
},
series: [85.7, 77.56, 20.9, 10.9, 15.8, 86.7],
colors: ["#4680ff", "#0e9e4a", "#00acc1", "#ffba57", "#ff5252", "#536dfe"],
labels: ["Facebook ads", "Amazon ads", "Youtube videos", "Google adsense", "Twitter ads", "News ads"],
legend: {
show: true,
position: 'bottom',
}
}
var chart = new ApexCharts(
document.querySelector("#traffic-chart1"),
options
);
chart.render();
});
// [ traffic-chart1 ] end
// [ time-chart ] start
$(function() {
var options = {
chart: {
height: 210,
type: 'line',
zoom: {
enabled: false
},
toolbar: {
show: false,
}
},
dataLabels: {
enabled: false
},
stroke: {
width: 3,
curve: 'straight',
},
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
},
colors: ["#0e9e4a"],
series: [{
name: "Hour.",
data: [10, 41, 35, 51, 49, 52, 58, 71, 89]
}],
grid: {
row: {
colors: ['#f3f6ff', 'transparent'],
opacity: 0.5
}
},
}
var chart = new ApexCharts(document.querySelector("#time-chart"), options);
chart.render();
});
// [ time-chart ] end
// [ sale-chart ] start
$(function() {
var options1 = {
chart: {
type: 'bar',
height: 195,
sparkline: {
enabled: true
}
},
colors: ["#4680ff"],
plotOptions: {
bar: {
columnWidth: '80%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63, 25]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#sale-chart"), options1).render();
});
// [ sale-chart ] end
// [ coversions-char1t ] start
$(function() {
var options1 = {
chart: {
type: 'bar',
height: 85,
sparkline: {
enabled: true
}
},
colors: ["#00acc1"],
plotOptions: {
bar: {
columnWidth: '80%'
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 25, 44, 12, 36, 9, 54]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return ''
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#coversions-chart1"), options1).render();
});
// [ coversions-chart1 ] end
// [ revenue-chart ] start
$(function() {
var options = {
chart: {
height: 240,
type: 'donut',
},
dataLabels: {
enabled: false
},
labels: ['Target', 'Last week', 'Last day'],
series: [1258, 975, 500],
legend: {
show: false
},
colors: ["#00acc1", "#ffba57", "#4680ff"],
}
var chart = new ApexCharts(document.querySelector("#revenue-chart"), options);
chart.render();
});
// [ revenue-chart ] end
// [ market-chart ] start
$(function() {
var options = {
chart: {
height: 200,
type: 'bar',
stacked: true,
toolbar: {
show: false
},
zoom: {
enabled: false
},
sparkline: {
enabled: true
}
},
colors: ["#E0291D", "#3C5A99", "#42C0FB"],
plotOptions: {
bar: {
horizontal: false,
},
},
series: [{
name: 'Youtube',
data: [44, 50, 41, 67, 22, 43, 44, 50, 41, 52, 22, 43]
}, {
name: 'Facebook',
data: [13, 23, 20, 8, 13, 27, 13, 23, 20, 8, 13, 27]
}, {
name: 'Twitter',
data: [11, 17, 15, 15, 21, 14, 11, 17, 15, 15, 21, 14]
}],
xaxis: {
type: 'datetime',
categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT', '01/04/2011 GMT', '01/05/2011 GMT', '01/06/2011 GMT', '01/07/2011 GMT', '01/08/2011 GMT', '01/09/2011 GMT', '01/10/2011 GMT', '01/11/2011 GMT', '01/12/2011 GMT'],
},
legend: {
show: false,
},
fill: {
opacity: 1
},
}
var chart = new ApexCharts(document.querySelector("#market-chart"), options);
chart.render();
});
// [ market-chart ] end
// [ type-chart ] start
$(function() {
var options = {
chart: {
height: 200,
type: 'donut',
},
dataLabels: {
enabled: false
},
plotOptions: {
pie: {
donut: {
size: '65%'
}
}
},
labels: ['Desktop Computers', 'Smartphones', 'Tablets'],
series: [76.7, 15, 30],
legend: {
show: false
},
colors: ["#ff5252", "#ffba57", "#00acc1"],
}
var chart = new ApexCharts(document.querySelector("#type-chart"), options);
chart.render();
});
// [ type-chart ] end
// [ traffic-chart ] start
$(function() {
var options1 = {
chart: {
type: 'bar',
height: 400,
zoom: {
enabled: false
},
},
colors: ["#4680ff"],
plotOptions: {
bar: {
colors: {
ranges: [{
from: 0,
to: 15,
color: '#ff5252'
}, {
from: 16,
to: 30,
color: '#ffba57'
}, {
from: 31,
to: 50,
color: '#4680ff'
}, {
from: 51,
to: 100,
color: '#0e9e4a'
}]
},
columnWidth: '80%',
}
},
series: [{
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 54, 25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54, 25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 25, 44, 12, 36, 9, 54]
}],
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Click '
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#traffic-chart"), options1).render();
});
// [ traffic-chart ] end
// [ support-chart ] start
$(function() {
var options1 = {
chart: {
type: 'area',
height: 125,
sparkline: {
enabled: true
}
},
colors: ["#4680ff"],
stroke: {
curve: 'smooth',
width: 2,
},
series: [{
data: [0, 20, 10, 45, 30, 55, 20, 30, 0]
}],
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function(seriesName) {
return 'Ticket '
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#support-chart"), options1).render();
});
// [ support-chart ] end
// [ average-chart ] start
$(function() {
var btcchartoption1 = {
chart: {
type: 'area',
height: 145,
width: '100%',
sparkline: {
enabled: true
}
},
colors: ["#4680ff"],
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.8,
opacityTo: 0.4,
stops: [0, 80, 100]
}
},
stroke: {
curve: 'smooth',
width: 2,
},
series: [{
name: 'series1',
data: [40, 60, 35, 55, 35, 75, 50]
}],
yaxis: {
min: 0,
max: 100,
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return '$'
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#average-chart11"), btcchartoption1).render();
var btcchartoption2 = {
chart: {
type: 'area',
height: 145,
sparkline: {
enabled: true
}
},
colors: ["#0e9e4a"],
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.8,
opacityTo: 0.4,
stops: [0, 90, 100]
}
},
stroke: {
curve: 'smooth',
width: 2,
},
series: [{
name: 'series1',
data: [40, 55, 35, 75, 50, 90, 50]
}],
yaxis: {
min: 0,
max: 100,
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return '$'
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#average-chart12"), btcchartoption2).render();
var btcchartoption7 = {
chart: {
type: 'area',
height: 145,
sparkline: {
enabled: true
}
},
colors: ["#FFF"],
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.5,
opacityTo: 0.4,
stops: [0, 100]
}
},
stroke: {
curve: 'smooth',
width: 2,
},
series: [{
name: 'series1',
data: [40, 60, 35, 70, 50]
}],
yaxis: {
min: 0,
max: 100,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return '$'
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#average-chart3"), btcchartoption7).render();
var btcchartoption8 = {
chart: {
type: 'area',
height: 145,
sparkline: {
enabled: true
}
},
colors: ["#FFF"],
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.5,
opacityTo: 0.4,
stops: [0, 100]
}
},
stroke: {
curve: 'smooth',
width: 2,
},
series: [{
name: 'series1',
data: [65, 45, 60, 40, 80]
}],
yaxis: {
min: 0,
max: 100,
},
tooltip: {
theme: 'dark',
fixed: {
enabled: false
},
x: {
show: false,
},
y: {
title: {
formatter: function(seriesName) {
return '$'
}
}
},
marker: {
show: false
}
}
}
new ApexCharts(document.querySelector("#average-chart4"), btcchartoption8).render();
});
// [ average-chart ] end
// [ rating ] start
$('#example-1to10').barrating('show', {
theme: 'bars-1to10',
readonly: true,
showSelectedRating: false
});
// [ rating ] end
}