Real Estate

  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')); }); })
ALL PROPERTIES

28,650

Analytics for last week
PROPERTIES FOR SALE

2,950

Analytics for last week
PROPERTIES FOR RENT

1,320

Analytics for last week
TOTAL EARNINGS

$1,29,589

Analytics for last week
Properties Stats
Buying
Selling
JanJanFebFebMarMarAprAprMayMayJunJunJulJulAugAugSepSepOctOctNovNovDecDec80080060060040040020020000Buying5050404030302020101000Selling
Sessions by Device
Commercial
Residential
Purchased
Rented
Gender Ratio
Male
Female
Social Counter
  • 29,589
  • 2,365
  • 9,021
  • 1,725
  • 4,800
Properties Stats
Rivera Height's
Due Date: 25 Jan 2023
avatar
Chris Fox
Happy Homes
Due Date: 18 June 2021
avatar
Chris Fox
Sivalik Park 2
Due Date: 22 Nov 2024
avatar
Chris Fox
// top sparklines var randomizeArray = function(arg) { var array = arg.slice(); var currentIndex = array.length, temporaryValue, randomIndex; while (0 !== currentIndex) { randomIndex = Math.floor(Math.random() * currentIndex); currentIndex -= 1; temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; }; // data for the sparklines that appear below header area var sparklineData = [57, 43, 50, 32, 60, 28, 70, 41]; // topb big chart var spark1 = { chart: { type: "area", height: 50, sparkline: { enabled: true, }, }, stroke: { width: 1, }, series: [{ data: randomizeArray(sparklineData), }, ], fill: { type: "gradient", gradient: { gradientToColors: ["var(--chart-color1)"], shadeIntensity: 2, opacityFrom: 0.7, opacityTo: 0.2, stops: [0, 100], }, }, colors: ["var(--chart-color1)"], }; var spark1 = new ApexCharts(document.querySelector("#apexspark1"), spark1); spark1.render(); var spark2 = { chart: { type: "area", height: 50, sparkline: { enabled: true, }, }, stroke: { width: 1, }, series: [{ data: randomizeArray(sparklineData), }, ], fill: { type: "gradient", gradient: { gradientToColors: ["var(--chart-color2)"], shadeIntensity: 2, opacityFrom: 0.7, opacityTo: 0.2, stops: [0, 100], }, }, colors: ["var(--chart-color2)"], }; var spark2 = new ApexCharts(document.querySelector("#apexspark2"), spark2); spark2.render(); var spark3 = { chart: { type: "area", height: 50, sparkline: { enabled: true, }, }, stroke: { width: 1, }, series: [{ data: randomizeArray(sparklineData), }, ], fill: { type: "gradient", gradient: { gradientToColors: ["var(--chart-color3)"], shadeIntensity: 2, opacityFrom: 0.7, opacityTo: 0.2, stops: [0, 100], }, }, colors: ["var(--chart-color3)"], }; var spark3 = new ApexCharts(document.querySelector("#apexspark3"), spark3); spark3.render(); var spark4 = { chart: { type: "area", height: 50, sparkline: { enabled: true, }, }, stroke: { width: 1, }, series: [{ data: randomizeArray(sparklineData), }, ], fill: { type: "gradient", gradient: { gradientToColors: ["var(--chart-color5)"], shadeIntensity: 2, opacityFrom: 0.7, opacityTo: 0.2, stops: [0, 100], }, }, colors: ["var(--chart-color5)"], }; var spark4 = new ApexCharts(document.querySelector("#apexspark4"), spark4); spark4.render(); // Properties Stats var options = { chart: { height: 240, type: "line", toolbar: { show: false, }, }, colors: ["var(--chart-color1)", "var(--chart-color2)"], series: [{ name: "Buying", type: "column", data: [440, 505, 414, 671, 227, 413, 201, 352, 752, 320, 257, 160], }, { name: "Selling", type: "column", data: [23, 42, 35, 27, 43, 22, 17, 31, 22, 22, 12, 16], }, ], stroke: { width: [0, 0], }, labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ], yaxis: [{ title: { text: "Buying", }, }, { opposite: true, title: { text: "Selling", }, }, ], }; var chart = new ApexCharts(document.querySelector("#apex-PropertiesStats"), options); chart.render(); // Sessions by Device var options = { series: [50, 17, 10, 15], chart: { height: 260, type: "donut", }, dataLabels: { enabled: false, }, labels: ["Commercial", "Residential", "Purchased", "Rented"], legend: { position: "bottom", // left, right, top, bottom horizontalAlign: "center", }, colors: ["var(--chart-color1)", "var(--chart-color2)", "var(--chart-color3)", "var(--chart-color4)", ], }; var chart = new ApexCharts(document.querySelector("#apex-SessionsDevice"), options); chart.render(); // Gender Ratio var options = { series: [27, 73], chart: { height: 220, type: "donut", }, labels: ["Male", "Female"], legend: { position: "bottom", // left, right, top, bottom horizontalAlign: "center", }, dataLabels: { enabled: false, }, colors: ["var(--chart-color1)", "var(--chart-color2)"], }; var chart = new ApexCharts(document.querySelector("#apex-GenderRatio"), options); chart.render();