initial commit

assets/js/pages/dashboard.js

@@ -0,0 +1,116 @@
+var optionsProfileVisit = {
+	annotations: {
+		position: 'back'
+	},
+	dataLabels: {
+		enabled:false
+	},
+	chart: {
+		type: 'bar',
+		height: 300
+	},
+	fill: {
+		opacity:1
+	},
+	plotOptions: {
+	},
+	series: [{
+		name: 'sales',
+		data: [9,20,30,20,10,20,30,20,10,20,30,20]
+	}],
+	colors: '#435ebe',
+	xaxis: {
+		categories: ["Jan","Feb","Mar","Apr","May","Jun","Jul", "Aug","Sep","Oct","Nov","Dec"],
+	},
+}
+let optionsVisitorsProfile  = {
+	series: [70, 30],
+	labels: ['Male', 'Female'],
+	colors: ['#435ebe','#55c6e8'],
+	chart: {
+		type: 'donut',
+		width: '100%',
+		height:'350px'
+	},
+	legend: {
+		position: 'bottom'
+	},
+	plotOptions: {
+		pie: {
+			donut: {
+				size: '30%'
+			}
+		}
+	}
+}
+
+var optionsEurope = {
+	series: [{
+		name: 'series1',
+		data: [310, 800, 600, 430, 540, 340, 605, 805,430, 540, 340, 605]
+	}],
+	chart: {
+		height: 80,
+		type: 'area',
+		toolbar: {
+			show:false,
+		},
+	},
+	colors: ['#5350e9'],
+	stroke: {
+		width: 2,
+	},
+	grid: {
+		show:false,
+	},
+	dataLabels: {
+		enabled: false
+	},
+	xaxis: {
+		type: 'datetime',
+		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","2018-09-19T07:30:00.000Z","2018-09-19T08:30:00.000Z","2018-09-19T09:30:00.000Z","2018-09-19T10:30:00.000Z","2018-09-19T11:30:00.000Z"],
+		axisBorder: {
+			show:false
+		},
+		axisTicks: {
+			show:false
+		},
+		labels: {
+			show:false,
+		}
+	},
+	show:false,
+	yaxis: {
+		labels: {
+			show:false,
+		},
+	},
+	tooltip: {
+		x: {
+			format: 'dd/MM/yy HH:mm'
+		},
+	},
+};
+
+let optionsAmerica = {
+	...optionsEurope,
+	colors: ['#008b75'],
+}
+let optionsIndonesia = {
+	...optionsEurope,
+	colors: ['#dc3545'],
+}
+
+
+
+var chartProfileVisit = new ApexCharts(document.querySelector("#chart-profile-visit"), optionsProfileVisit);
+var chartVisitorsProfile = new ApexCharts(document.getElementById('chart-visitors-profile'), optionsVisitorsProfile)
+var chartEurope = new ApexCharts(document.querySelector("#chart-europe"), optionsEurope);
+var chartAmerica = new ApexCharts(document.querySelector("#chart-america"), optionsAmerica);
+var chartIndonesia = new ApexCharts(document.querySelector("#chart-indonesia"), optionsIndonesia);
+
+chartIndonesia.render();
+chartAmerica.render();
+chartEurope.render();
+chartProfileVisit.render();
+chartVisitorsProfile.render()