File: /home/crm/public_html/wwwroot/assets/js/dashboard/default.js
//dashboard default page in chart-1
var options = {
series: [{
data: [
[1327359600000, 65.95],
[1327446000000, 65.34],
[1327532400000, 65.18],
[1327618800000, 65.05],
[1327878000000, 65.00],
[1327964400000, 63.95],
[1328050800000, 62.24],
[1328137200000, 63.29],
[1328223600000, 65.85],
[1328482800000, 60.86],
[1328569200000, 62.28],
[1328655600000, 59.10],
[1328742000000, 59.65],
[1328828400000, 59.21],
[1329087600000, 60.35],
[1329174000000, 60.44],
[1329260400000, 60.46],
[1329346800000, 60.86],
[1329433200000, 65.75],
[1329778800000, 65.54],
[1329865200000, 65.33],
[1329951600000, 65.97],
[1330038000000, 60.41],
[1330297200000, 60.27],
[1330383600000, 60.27],
[1331161200000, 59.05],
[1331247600000, 59.64],
[1331506800000, 59.56],
[1331593200000, 59.22],
[1331679600000, 58.77],
[1331766000000, 58.17],
[1331852400000, 58.82],
[1332111600000, 58.51],
[1332198000000, 58.16],
[1332284400000, 58.56],
[1332370800000, 55.71],
[1332457200000, 55.81],
[1332712800000, 55.40],
[1332799200000, 55.63],
[1332885600000, 55.46],
[1332972000000, 54.48],
[1333058400000, 54.31],
[1333317600000, 54.70],
[1333404000000, 55.31],
[1333490400000, 55.46],
[1333576800000, 55.59],
[1333922400000, 56.22],
[1335477600000, 56.58],
[1335736800000, 56.55],
[1335823200000, 56.77],
[1335909600000, 56.76],
[1335996000000, 56.32],
[1336082400000, 57.61],
[1336341600000, 57.52],
[1336428000000, 57.67],
[1336514400000, 57.52],
[1336600800000, 57.92],
[1336687200000, 58.20],
[1336946400000, 58.23],
[1337032800000, 58.33],
[1337119200000, 58.36],
[1337205600000, 58.01],
[1337292000000, 58.31],
[1337551200000, 55.01],
[1337637600000, 55.01],
[1337724000000, 55.18],
[1337810400000, 55.54],
[1337896800000, 53.60],
[1338242400000, 53.05],
[1338328800000, 53.29],
[1338415200000, 53.05],
[1338501600000, 50.82],
[1338760800000, 50.31],
[1338847200000, 50.70],
[1338933600000, 50.69],
[1339020000000, 50.32],
[1339106400000, 49.65],
[1339365600000, 49.13],
[1339452000000, 49.77],
[1339538400000, 49.79],
[1339624800000, 49.67],
[1339711200000, 49.39],
[1339970400000, 49.63],
[1340056800000, 49.89],
[1340143200000, 48.99],
[1340229600000, 48.23],
[1340316000000, 48.57],
[1340575200000, 48.84],
[1340661600000, 48.07],
[1340748000000, 48.41],
[1340834400000, 48.17],
[1340920800000, 48.37],
[1341180000000, 48.19],
[1341266400000, 45.51],
[1341439200000, 45.53],
[1341525600000, 45.37],
[1341784800000, 45.43],
[1341871200000, 45.44],
[1341957600000, 45.20],
[1342044000000, 43.14],
[1342130400000, 43.65],
[1342389600000, 43.40],
[1342476000000, 43.65],
[1342562400000, 43.43],
[1342648800000, 43.89],
[1342735200000, 40.38],
[1342994400000, 40.64],
[1343080800000, 40.02],
[1343167200000, 40.33],
[1343253600000, 40.95],
[1343340000000, 40.89],
[1343599200000, 40.01],
[1343685600000, 40.88],
[1343772000000, 40.69],
[1343858400000, 40.58],
[1343944800000, 40.02],
[1344204000000, 41.14],
[1344290400000, 41.37],
[1344376800000, 41.51],
[1344463200000, 41.65],
[1344549600000, 41.64],
[1344808800000, 41.27],
[1344895200000, 41.10],
[1344981600000, 41.91],
[1345068000000, 41.65],
[1345154400000, 40.80],
[1345413600000, 40.92],
[1345500000000, 40.75],
[1345586400000, 40.84],
[1345672800000, 40.50],
[1345759200000, 40.26],
[1346018400000, 42.32],
[1346104800000, 42.06],
[1346191200000, 42.96],
[1346277600000, 42.46],
[1346364000000, 42.27],
[1346709600000, 42.43],
[1346796000000, 42.26],
[1346882400000, 42.79],
[1346968800000, 43.46],
[1347228000000, 43.13],
[1347314400000, 40.43],
[1347400800000, 40.42],
[1347487200000, 40.81],
[1347573600000, 40.34],
[1347832800000, 40.41],
[1347919200000, 38.57],
[1348005600000, 38.12],
[1348092000000, 38.53],
[1348178400000, 38.83],
[1348437600000, 38.41],
[1348524000000, 38.90],
[1348610400000, 40.53],
[1348696800000, 40.80],
[1348783200000, 40.44],
[1349042400000, 40.62],
[1349128800000, 40.57],
[1349215200000, 40.60],
[1349301600000, 40.68],
[1349388000000, 40.47],
[1349647200000, 43.23],
[1349733600000, 43.68],
[1349820000000, 43.51],
[1349906400000, 43.78],
[1349992800000, 43.94],
[1350252000000, 43.33],
[1350338400000, 43.24],
[1350424800000, 43.44],
[1350511200000, 43.48],
[1350597600000, 43.24],
[1350856800000, 43.49],
[1350943200000, 43.31],
[1351029600000, 45.36],
[1351116000000, 45.40],
[1351202400000, 45.01],
[1351638000000, 45.02],
[1351724400000, 45.36],
[1351810800000, 45.39],
[1352070000000, 45.24],
[1352156400000, 45.39],
[1352242800000, 45.47],
[1352329200000, 45.98],
[1352415600000, 48.90],
[1352674800000, 48.70],
[1352761200000, 48.54],
[1352847600000, 48.23],
[1352934000000, 48.64],
[1353020400000, 48.65],
[1353279600000, 48.92],
[1353366000000, 48.64],
[1353452400000, 48.84],
[1353625200000, 48.40],
[1353884400000, 48.30],
[1355353200000, 55.53],
[1355439600000, 55.56],
[1355698800000, 55.42],
[1355785200000, 58.49],
[1355871600000, 58.09],
[1355958000000, 58.87],
[1356044400000, 58.71],
[1356303600000, 58.53],
[1356476400000, 58.55],
[1356562800000, 60.30],
[1356649200000, 60.90],
[1356908400000, 60.68],
[1357081200000, 60.34],
[1357167600000, 60.75],
[1357254000000, 60.13],
[1357513200000, 60.94],
[1357599600000, 60.14],
[1357686000000, 60.66],
[1357772400000, 63.62],
[1357858800000, 65.09],
[1358118000000, 63.16],
[1358204400000, 63.15],
[1358290800000, 65.88],
[1358377200000, 60.73],
[1358463600000, 60.98],
[1358809200000, 60.95],
[1358895600000, 60.25],
[1358982000000, 60.10],
[1359068400000, 60.32],
[1359327600000, 60.24],
[1359414000000, 60.52],
[1359500400000, 60.94],
[1359586800000, 60.83],
[1359673200000, 60.34],
[1359932400000, 60.10],
[1360018800000, 63.51],
[1360105200000, 63.40],
[1360191600000, 63.20],
[1360278000000, 63.20],
[1360537200000, 64.64],
[1360623600000, 64.89],
[1360710000000, 64.81],
[1360796400000, 65.61],
[1360882800000, 65.63],
[1361228400000, 65.99],
[1361314800000, 66.77],
[1361401200000, 66.34],
[1361487600000, 66.55],
[1361746800000, 67.11],
[1361833200000, 67.59],
[1361919600000, 67.60]
]
}],
chart: {
id: 'area-datetime',
type: 'area',
height: 425,
zoom: {
autoScaleYaxis: true
},
toolbar: {
show: false
},
},
annotations: {
yaxis: [{
y: 50,
borderColor: vihoAdminConfig.primary,
label: {
show: true,
text: 'Support',
style: {
color: "#fff",
background: vihoAdminConfig.primary
}
}
}],
xaxis: [{
x: new Date('15 Nov 2012').getTime(),
borderColor: vihoAdminConfig.primary,
yAxisIndex: 50,
label: {
show: false,
text: '$859,432',
style: {
color: "#fff",
background: vihoAdminConfig.primary
}
},
}]
},
dataLabels: {
enabled: false
},
markers: {
size: 0,
style: 'hollow',
},
xaxis: {
type: 'datetime',
min: new Date('01 Apr 2012').getTime(),
tickAmount: 6,
axisTicks: {
show: false,
},
axisBorder: {
show: false
},
},
tooltip: {
x: {
format: 'dd MMM yyyy'
},
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
stops: [0, 100]
}
},
responsive: [{
breakpoint: 1366,
options: {
chart: {
height: 350
}
}
},
{
breakpoint: 1238,
options: {
chart: {
height:300
},
grid: {
padding: {
bottom: 5,
},
}
}
},
{
breakpoint: 992,
options: {
chart: {
height: 300
}
}
},
{
breakpoint: 551,
options: {
grid: {
padding: {
bottom:10,
},
}
}
},
{
breakpoint: 535,
options: {
chart: {
height: 250
}
}
}],
colors: [vihoAdminConfig.primary],
};
var charttimeline = new ApexCharts(document.querySelector("#chart-timeline-dashbord"), options);
charttimeline.render();
// second chart dashbord dafault
var options17 = {
series: [76, 67, 61, 90],
chart: {
height: 380,
type: 'radialBar',
},
plotOptions: {
radialBar: {
offsetY: 0,
startAngle: 0,
endAngle: 270,
hollow: {
margin: 5,
size: '30%',
background: 'transparent',
image: undefined,
},
dataLabels: {
name: {
show: false,
},
value: {
show: false,
}
}
}
},
colors: [vihoAdminConfig.primary, vihoAdminConfig.secondary, vihoAdminConfig.primary, vihoAdminConfig.secondary],
labels: ['Total order', 'Total product', 'Quantity', 'Page views'],
legend: {
show: true,
floating: true,
fontSize: '14px',
position: 'left',
fontFamily: 'Roboto',
fontweight: 400,
// offsetX:30,
offsetY: 20,
labels: {
useSeriesColors: true,
},
markers: {
size: 0,
show: false,
},
formatter: function(seriesName, opts) {
return seriesName + ": " + opts.w.globals.series[opts.seriesIndex]
},
itemMargin: {
vertical: 5,
horizontal: 2
}
},
stroke: {
lineCap: 'round'
},
responsive: [{
breakpoint: 480,
options: {
legend: {
show: true,
fontSize: '10px',
}
}
}]
};
var chart17 = new ApexCharts(document.querySelector("#chart-dashbord"), options17);
chart17.render();
// chart-4 dashbord
var options21 = {
series: [{
name: 'series1',
data: [90, 78, 90, 84, 94, 60, 95, 88, 95]
}],
chart: {
height: 405,
type: 'area',
toolbar: {
show: false
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
xaxis: {
type: 'datetime',
enabled: false,
categories: ["2018-09-19T00:00:00.000Z", "2018-09-19T01:30:00.000Z", "2018-09-19T02:30:00.000Z", "2018-09-19T03:30:00.000Z", "2018-09-19T04:30:00.000Z", "2018-09-19T05:30:00.000Z", "2018-09-19T06:30:00.000Z"]
},
yaxis: {
show: false,
},
xaxis: {
show: false,
labels: {
show: false,
},
axisTicks: {
show: false,
},
},
tooltip: {
x: {
format: 'dd/MM/yy HH:mm',
enabled: false,
},
},
colors: [vihoAdminConfig.secondary],
responsive: [
{
breakpoint:1365,
options: {
chart: {
height: 220
}
},
},
{
breakpoint: 575,
options: {
chart: {
height: 180
}
},
},
{
breakpoint: 992,
options: {
chart: {
height: 250
}
},
}],
};
var chart21 = new ApexCharts(document.querySelector("#chart-3dash"), options21);
chart21.render();
//column chart
var options54 = {
series: [{
data: [400, 230, 448, 370, 540, 580, 690, 1100, 1200]
}],
chart: {
type: "bar",
height: 200,
toolbar: {
show: false,
},
},
plotOptions: {
bar: {
horizontal: false,
distributed: true,
columnWidth: '30%',
startingShape: "rounded",
endingShape: "rounded",
colors: {
backgroundBarColors: ["#e5edef"],
backgroundBarOpacity: 1,
backgroundBarRadius: 9
}
}
},
dataLabels: {
enabled: false
},
grid: {
yaxis: {
lines: {
show: false
},
}
},
yaxis: {
labels: {
formatter: function(val) {
return val / 100 + "K";
},
},
labels: {
show: false,
},
},
xaxis: {
axisBorder: {
show: false
},
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Sep", "Oct"],
labels: {
show: true,
},
axisTicks: {
show: false,
},
},
colors: [
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary
],
legend: {
show: false
}
};
var chart54 = new ApexCharts(document.querySelector("#chart-unique-2"), options54);
chart54.render();
//new column charts
var options55 = {
series: [{
name: "Yearly Profit",
data: [{
x: "Jan",
y: 1500
}, {
x: "Feb",
y: 3000
}, {
x: "Mar",
y: 1800
}, {
x: "Apr",
y: 3000,
fillColor: vihoAdminConfig.secondary,
}, {
x: "May",
y: 1800
}, {
x: "Jun",
y: 1500
}, {
x: "Jul",
y: 2500
}, {
x: "Sep",
y: 1500,
fillColor: vihoAdminConfig.secondary,
}, {
x: "Oct",
y: 2000
}]
}],
chart: {
height: 250,
type: "bar",
toolbar: {
show: false,
},
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: "30%",
startingShape: "rounded",
endingShape: "rounded",
colors: {
backgroundBarColors: ["#e5edef"],
backgroundBarOpacity: 1,
backgroundBarRadius: 9
}
},
},
stroke: {
show: false,
},
dataLabels: {
enabled: false
},
fill: {
opacity: 1
},
xaxis: {
// type: "datetime",
axisBorder: {
show: false
},
labels: {
show: true,
},
axisTicks: {
show: false,
},
},
yaxis: {
labels: {
show: false,
}
},
colors: [vihoAdminConfig.primary]
};
var chart55 = new ApexCharts(document.querySelector("#user-activation-dash-2"), options55);
chart55.render();