Event Admin

  1. Home
  2. Dashboard

Welcome back, Allie!

You have 12 new messages and 7 new notifications.
// date range picker $(function() { $('input[name="daterange"]').daterangepicker({ opens: 'left' }, function(start, end, label) { console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); }); })
Sales
$6,549
Expense
$2,649
Profits
$4,095
Net Sales
Online
Offline
JanJanFebFebMarMarAprAprMayMayJunJunJulJulMonth2829332832323312111418171313505046464141373732322828232319191414101055Tickets
Tickets
Total
500
Personal
50
Business
300
Premium
150
Total: 75
Personal: 12
Business: 67
Premium: 29
Eventchamp Speakers
Chris Fox
UI UX Designer - NY USA
Joge Lucky
UI UX Designer - NY USA
Alexander
React Developer - NY USA
Robert
Angular Master - NY USA
Nellie
UI UX Designer - NY USA
Recent Sells
$(function() { // Net Sales var options = { series: [{ name: "Online", data: [28, 29, 33, 28, 32, 32, 33] }, { name: "Offline", data: [12, 11, 14, 18, 17, 13, 13] }], chart: { height: 300, type: 'line', dropShadow: { enabled: true, color: '#000', top: 13, left: 7, blur: 5, opacity: 0.1 }, toolbar: { show: false } }, colors: ['var(--chart-color3)', 'var(--chart-color5)'], dataLabels: { enabled: true, }, stroke: { curve: 'smooth' }, grid: { borderColor: 'var(--border-color)', row: { colors: ['var(--border-color)', 'transparent'], // takes an array which will be repeated on columns opacity: 0.5 }, }, markers: { size: 1 }, xaxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'], title: { text: 'Month' } }, yaxis: { title: { text: 'Tickets' }, min: 5, max: 50 }, legend: { position: 'top', horizontalAlign: 'right', floating: true, offsetY: -25, offsetX: -5 } }; var chart = new ApexCharts(document.querySelector("#apex-NetSales"), options); chart.render(); // TICKETS sold var options = { series: [75, 12, 67, 29], chart: { height: 340, type: 'radialBar', }, plotOptions: { radialBar: { offsetY: 0, startAngle: 0, endAngle: 270, hollow: { margin: 1, size: '30%', background: 'transparent', image: undefined, }, dataLabels: { name: { show: true, }, value: { show: true, } } } }, colors: ['var(--chart-color1)', 'var(--chart-color2)', 'var(--chart-color3)', 'var(--chart-color4)'], labels: ['Total', 'Personal', 'Business', 'Premium'], legend: { show: true, floating: true, fontSize: '12px', position: 'left', offsetX: 10, offsetY: 10, labels: { useSeriesColors: true, }, markers: { size: 0 }, formatter: function(seriesName, opts) { return seriesName + ": " + opts.w.globals.series[opts.seriesIndex] }, itemMargin: { vertical: 3 } }, }; var chart = new ApexCharts(document.querySelector("#apex-Tickets"), options); chart.render(); }); $(function() { $('#myDataTable_no_filter').addClass('nowrap').dataTable({ responsive: true, searching: false, paging: false, ordering: false, info: false, }); });