Current File : //proc/thread-self/root/proc/self/root/home/tradevaly/www/public/assets/js/pages/dashboard.init.js |
/******/ (function() { // webpackBootstrap
var __webpack_exports__ = {};
/*!**********************************************!*\
!*** ./resources/js/pages/dashboard.init.js ***!
\**********************************************/
/*
Template Name: Skote - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: themesbrand@gmail.com
File: Dashboard Init Js File
*/
// subscribe modal
setTimeout(function () {
$('#subscribeModal').modal('show');
}, 2000); // stacked column chart
var options = {
chart: {
height: 360,
type: 'bar',
stacked: true,
toolbar: {
show: false
},
zoom: {
enabled: true
}
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: '15%',
endingShape: 'rounded'
}
},
dataLabels: {
enabled: false
},
series: [{
name: 'Series A',
data: [44, 55, 41, 67, 22, 43, 36, 52, 24, 18, 36, 48]
}, {
name: 'Series B',
data: [13, 23, 20, 8, 13, 27, 18, 22, 10, 16, 24, 22]
}, {
name: 'Series C',
data: [11, 17, 15, 15, 21, 14, 11, 18, 17, 12, 20, 18]
}],
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
colors: ['#556ee6', '#f1b44c', '#34c38f'],
legend: {
position: 'bottom'
},
fill: {
opacity: 1
}
};
var chart = new ApexCharts(document.querySelector("#stacked-column-chart"), options);
chart.render(); // Radial chart
var options = {
chart: {
height: 200,
type: 'radialBar',
offsetY: -10
},
plotOptions: {
radialBar: {
startAngle: -135,
endAngle: 135,
dataLabels: {
name: {
fontSize: '13px',
color: undefined,
offsetY: 60
},
value: {
offsetY: 22,
fontSize: '16px',
color: undefined,
formatter: function formatter(val) {
return val + "%";
}
}
}
}
},
colors: ['#556ee6'],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
shadeIntensity: 0.15,
inverseColors: false,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 50, 65, 91]
}
},
stroke: {
dashArray: 4
},
series: [67],
labels: ['Series A']
};
var chart = new ApexCharts(document.querySelector("#radialBar-chart"), options);
chart.render();
/******/ })()
;