Fixed JS not working because of removed charts
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
$(function () {
|
||||
"use strict";
|
||||
|
||||
|
||||
// chart 1
|
||||
var options = {
|
||||
series: [{
|
||||
@@ -335,222 +334,6 @@ $(function () {
|
||||
|
||||
|
||||
|
||||
|
||||
// chart 5
|
||||
var options = {
|
||||
series: [{
|
||||
name: "Total Clicks",
|
||||
data: [44, 30, 55, 44, 90, 45, 75]
|
||||
}],
|
||||
chart: {
|
||||
//width:150,
|
||||
toolbar: {
|
||||
show: !1,
|
||||
},
|
||||
height: 240,
|
||||
type: 'area',
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
},
|
||||
zoom: {
|
||||
enabled: false
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
stroke: {
|
||||
width: 3,
|
||||
curve: 'smooth'
|
||||
},
|
||||
fill: {
|
||||
type: 'gradient',
|
||||
gradient: {
|
||||
shade: 'dark',
|
||||
gradientToColors: ['#fd7e14'],
|
||||
shadeIntensity: 1,
|
||||
type: 'vertical',
|
||||
opacityFrom: 0.5,
|
||||
opacityTo: 0.1
|
||||
//stops: [0, 100, 100, 100]
|
||||
},
|
||||
},
|
||||
colors: ["#fd7e14"],
|
||||
grid: {
|
||||
show: false,
|
||||
borderColor: 'rgba(0, 0, 0, 0.15)',
|
||||
strokeDashArray: 4,
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function (e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
|
||||
}
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#chart5"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// chart 6
|
||||
var options = {
|
||||
series: [{
|
||||
name: "Orders",
|
||||
data: [44, 69, 55, 44, 90, 45, 75, 55, 65, 68, 45, 78, 42, 55, 47, 30, 27]
|
||||
}],
|
||||
chart: {
|
||||
//width:150,
|
||||
toolbar: {
|
||||
show: !1,
|
||||
},
|
||||
height: 180,
|
||||
type: 'bar',
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
},
|
||||
zoom: {
|
||||
enabled: false
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
stroke: {
|
||||
width: 0,
|
||||
curve: 'smooth'
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: false,
|
||||
borderRadius: 10,
|
||||
borderRadiusApplication: 'around',
|
||||
borderRadiusWhenStacked: 'last',
|
||||
columnWidth: '40%',
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
fill: {
|
||||
type: 'gradient',
|
||||
gradient: {
|
||||
shade: 'dark',
|
||||
gradientToColors: ['#008cff'],
|
||||
shadeIntensity: 1,
|
||||
type: 'vertical',
|
||||
opacityFrom: 1,
|
||||
opacityTo: 1
|
||||
//stops: [0, 100, 100, 100]
|
||||
},
|
||||
},
|
||||
colors: ["#008cff"],
|
||||
grid: {
|
||||
show: false,
|
||||
borderColor: 'rgba(0, 0, 0, 0.15)',
|
||||
strokeDashArray: 4,
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function (e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
|
||||
}
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#chart6"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
|
||||
// chart 7
|
||||
var options = {
|
||||
series: [10, 24, 24],
|
||||
chart: {
|
||||
height: 240,
|
||||
type: 'donut',
|
||||
},
|
||||
legend: {
|
||||
position: 'bottom',
|
||||
show: !1
|
||||
},
|
||||
fill: {
|
||||
type: 'gradient',
|
||||
gradient: {
|
||||
shade: 'dark',
|
||||
gradientToColors: ['#ff6a00', '#98ec2d', '#3f51b5'],
|
||||
shadeIntensity: 1,
|
||||
type: 'vertical',
|
||||
opacityFrom: 1,
|
||||
opacityTo: 1,
|
||||
//stops: [0, 100, 100, 100]
|
||||
},
|
||||
},
|
||||
colors: ["#ff6a00", "#98ec2d", "#3f51b5"],
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
plotOptions: {
|
||||
pie: {
|
||||
donut: {
|
||||
size: "80%"
|
||||
}
|
||||
}
|
||||
},
|
||||
responsive: [{
|
||||
breakpoint: 480,
|
||||
options: {
|
||||
chart: {
|
||||
height: 250
|
||||
},
|
||||
legend: {
|
||||
position: 'bottom',
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
}]
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#chart7"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
|
||||
|
||||
// chart 8
|
||||
var options = {
|
||||
series: [{
|
||||
|
||||
Reference in New Issue
Block a user