| Server IP : 92.204.40.98 / Your IP : 216.73.216.201 Web Server : LiteSpeed System : Linux amster.dnsfors.com 4.18.0-553.111.1.el8_10.x86_64 #1 SMP Sun Mar 8 20:06:07 EDT 2026 x86_64 User : tmksyste ( 2190) PHP Version : 8.3.31 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/tmksyste/domains/tmksystems.in/public_html/applications/ |
Upload File : |
<!DOCTYPE HTML>
<html>
<head>
<title>TMK System - Dashboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- font-awesome icons CSS -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons CSS-->
<!-- side nav css file -->
<link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
<!-- //side nav css file -->
<!-- js-->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!--webfonts-->
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<!--//webfonts-->
<!-- chart -->
<script src="js/Chart.js"></script>
<!-- //chart -->
<!-- Metis Menu -->
<script src="js/metisMenu.min.js"></script>
<script src="js/custom.js"></script>
<link href="css/custom.css" rel="stylesheet">
<!--//Metis Menu -->
<style>
#chartdiv {
width: 100%;
height: 295px;
}
</style>
<!--pie-chart --><!-- index page sales reviews visitors pie chart -->
<script src="js/pie-chart.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#demo-pie-1').pieChart({
barColor: '#2dde98',
trackColor: '#eee',
lineCap: 'round',
lineWidth: 8,
onStep: function (from, to, percent) {
$(this.element).find('.pie-value').text(Math.round(percent) + '%');
}
});
$('#demo-pie-2').pieChart({
barColor: '#8e43e7',
trackColor: '#eee',
lineCap: 'butt',
lineWidth: 8,
onStep: function (from, to, percent) {
$(this.element).find('.pie-value').text(Math.round(percent) + '%');
}
});
$('#demo-pie-3').pieChart({
barColor: '#ffc168',
trackColor: '#eee',
lineCap: 'square',
lineWidth: 8,
onStep: function (from, to, percent) {
$(this.element).find('.pie-value').text(Math.round(percent) + '%');
}
});
$('#demo-pie-6').pieChart({
barColor: '#ffc168',
trackColor: '#eee',
lineCap: 'square',
lineWidth: 8,
onStep: function (from, to, percent) {
$(this.element).find('.pie-value').text(Math.round(percent) + '%');
}
});
$('#demo-pie-7').pieChart({
barColor: '#ffc168',
trackColor: '#eee',
lineCap: 'square',
lineWidth: 8,
onStep: function (from, to, percent) {
$(this.element).find('.pie-value').text(Math.round(percent) + '%');
}
});
});
</script>
<!-- //pie-chart --><!-- index page sales reviews visitors pie chart -->
<!-- requried-jsfiles-for owl -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 3,
lazyLoad : true,
autoPlay : true,
pagination : true,
nav:true,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
</head>
<body class="cbp-spmenu-push">
<div class="main-content">
<?php include('sidemenu.php');?>
<?php include('connection.php');//error_reporting(0);?>
<!-- main content start-->
<div id="page-wrapper">
<div class="main-page">
<div class="col_3">
<div class="col-md-3 widget widget1">
<div class="r3_counter_box">
<i class="pull-left fa fa-users icon-rounded"></i>
<div class="stats">
<?php
$sql="select * from leads";
$result=mysql_query($sql);?>
<h5><strong><?php echo mysql_num_rows($result);?></strong></h5>
<span><a href="lead_management.php">Total Leads</a></span>
</div>
</div>
</div>
<div class="col-md-3 widget widget1">
<div class="r3_counter_box">
<i class="pull-left fa fa-laptop user1 icon-rounded"></i>
<div class="stats">
<?php
$sql1="select * from marketing_activities where lead_priority='Hot'";
$result1=mysql_query($sql1);
$sql2="select * from customer_details";
$result2=mysql_query($sql2);
?>
<h5><strong><?php echo mysql_num_rows($result1);?></strong></h5>
<span><a href="hot_leads_report.php">Hot Activities</a></span>
</div>
</div>
</div>
<div class="col-md-3 widget widget1">
<div class="r3_counter_box">
<i class="pull-left fa fa-money user2 icon-rounded"></i>
<div class="stats">
<h5><strong><?php echo mysql_num_rows($result2);?></strong></h5>
<span><a href="customer_reports.php">Customers</a></span>
</div>
</div>
</div>
<div class="col-md-3 widget widget1">
<div class="r3_counter_box">
<i class="pull-left fa fa-users dollar1 icon-rounded"></i>
<div class="stats">
<?php
$sql4="select * from marketing_activities where lead_status='Lost Lead'";
$result4=mysql_query($sql4);?>
<h5><strong><?php echo mysql_num_rows($result4);?></strong></h5>
<span><a href="lost_leads_report.php">Lost Leads</a></span>
</div>
</div>
</div>
<div class="col-md-3 widget">
<div class="r3_counter_box">
<i class="pull-left fa fa-pie-chart dollar2 icon-rounded"></i>
<div class="stats">
<?php $date=date('Y-m-d');
$sql3="SELECT * FROM pflollowup where follow_date<'$date' and type!='Full' and fid IN (SELECT MAX(fid) FROM pflollowup GROUP BY pid)";
$result3=mysql_query($sql3);
$sqlj="select * from payment_followup where payment_closed!='closed'";
$resultj=mysql_query($sqlj)or die(mysql_error());
$j1=1;
while($rowj=mysql_fetch_array($resultj)){
$pidj=$rowj['name'];
$tdatej=date("Y-m-d");
$queryj="where pid='$pidj'";
$sql5j="SELECT * FROM pflollowup ".$queryj." and fid IN (SELECT MAX(fid) FROM pflollowup GROUP BY pid)";
$result5j=mysql_query($sql5j);
$row5j=mysql_fetch_array($result5j);
if($row5j['type']!="Full"){
if($row5j['follow_date']<$tdatej){
$j1=$j1+1;}}}
?>
<h5><strong><?php echo $j1-1;?></strong></h5>
<span style="font-size:15px;"><a href="pending_payment_report.php">Pending Payment</a></span>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="row-one widgettable">
<div class="col-md-6 content-top-2 card">
<div class="search_form-cdr">
<div class="card-header">
<h3>Total Reports</h3>
</div>
<?php
$sqlm="select * from leads where source_lead='Marketing'";
$resultm=mysql_query($sqlm);
$sqln="select * from leads where source_lead='Newspaper'";
$resultn=mysql_query($sqln);
$sqld="select * from leads where source_lead='Direct'";
$resultd=mysql_query($sqld);
$sqlw="select * from leads where source_lead='Website'";
$resultw=mysql_query($sqlw);
$sqlr="select * from leads where source_lead='Reference'";
$resultr=mysql_query($sqlr);?>
<div id="piechart"></div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
// Load google charts
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
// Draw the chart and set the chart values
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Hot Leads', <?php echo mysql_num_rows($result1);?>],
['Lost Leads', <?php echo mysql_num_rows($result4);?>],
['Marketing', <?php echo mysql_num_rows($resultm);?>],
['Newspaper', <?php echo mysql_num_rows($resultn);?>],
['Direct', <?php echo mysql_num_rows($resultd);?>],
['Website', <?php echo mysql_num_rows($resultw);?>],
['Reference', <?php echo mysql_num_rows($resultr);?>]
]);
// Optional; add a title and set the width and height of the chart
var options = {'title':'TMK SYSTEMS', 'width':550, 'height':355};
// Display the chart inside the <div> element with id="piechart"
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</div>
</div>
<div class="col-md-3 stat">
<div class="content-top-1" style="margin-bottom:5px !important; padding:5px !important;">
<div class="col-md-6 top-content">
<?php
$sql5="select * from leads where follow_date='$date' and lid NOT IN (SELECT lid FROM marketing_activities GROUP BY lid);";
$result5=mysql_query($sql5);
//$sql6="select * from marketing_activities where follow_date='$date' group by lid having max(mid) order by mid";
$sql6="SELECT * FROM marketing_activities WHERE follow_date='$date' and lead_status!='Lost Lead' and mid IN (SELECT MAX(mid) FROM marketing_activities GROUP BY lid);";
$result6=mysql_query($sql6);
$t=mysql_num_rows($result5)+mysql_num_rows($result6);
//$t=mysql_num_rows($result6);
//$sql771="select * from marketing_activities where follow_date<='$date' group by lid having max(mid) order by mid desc";
$sql771="SELECT * FROM marketing_activities WHERE follow_date<'$date' and lead_status!='Lost Lead' and lead_status!='Closed' and mid IN (SELECT MAX(mid) FROM marketing_activities GROUP BY lid);";
$result771=mysql_query($sql771);
?>
<h5><a href="today_followup_report.php">Today Followup</a></h5>
<label><?php echo $t;?></label>
</div>
<div class="col-md-6 top-content1">
<div id="demo-pie-1" class="pie-title-center" data-percent="<?php echo $t;?>"> <span class="pie-value"></span> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="content-top-1" style="margin-bottom:5px !important; padding:5px !important;">
<div class="col-md-6 top-content">
<?php $sql7="SELECT * FROM pflollowup WHERE follow_date='$date' and fid IN (SELECT MAX(fid) FROM pflollowup GROUP BY pid);";
$result7=mysql_query($sql7);?>
<h5><a href="today_payment_report.php">Todays Payment</a></h5>
<label><?php echo mysql_num_rows($result7);?></label>
</div>
<div class="col-md-6 top-content1">
<div id="demo-pie-2" class="pie-title-center" data-percent="<?php echo mysql_num_rows($result7);?>"> <span class="pie-value"></span> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="content-top-1" style="margin-bottom:5px !important; padding:5px !important;">
<div class="col-md-6 top-content">
<h5><a href="pending_report.php">Pending Followup</a></h5>
<label><?php echo mysql_num_rows($result771);?></label>
</div>
<div class="col-md-6 top-content1">
<div id="demo-pie-3" class="pie-title-center" data-percent="<?php echo mysql_num_rows($result771);?>"> <span class="pie-value"></span> </div>
</div>
<div class="clearfix"> </div>
</div>
<?php
$sql881="SELECT * FROM leads WHERE lid NOT IN(SELECT lid FROM marketing_activities)";
$result881=mysql_query($sql881);
?>
<div class="content-top-1" style="margin-bottom:5px !important; padding:5px !important;">
<div class="col-md-6 top-content">
<h5><a href="nofollowup.php">No Followup</a></h5>
<label><?php echo mysql_num_rows($result881);?></label>
</div>
<div class="col-md-6 top-content1">
<div id="demo-pie-3" class="pie-title-center" data-percent="<?php echo mysql_num_rows($result881);?>"> <span class="pie-value"></span> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="content-top-1" style="margin-bottom:5px !important; padding:5px !important;">
<div class="col-md-10 top-content">
<h5 style="font-weight:bold; margin-bottom:5px;">
<a href="service_notification.php">Service Notifications</a>
</h5>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-3 stat">
<div class="content-top-1" style="margin-bottom:5px !important; padding:5px !important;">
<div class="col-md-6 top-content">
<?php
$todate=date("Y-m-d",strtotime("+5 days"));
$sql5="select * from leads where follow_date>'$date' and follow_date<='$todate' and lid NOT IN (SELECT lid FROM marketing_activities GROUP BY lid);";
$result5=mysql_query($sql5);
//$sql6="select * from marketing_activities where follow_date='$date' group by lid having max(mid) order by mid";
$sql6="SELECT * FROM marketing_activities WHERE follow_date>'$date' and follow_date<='$todate' and lead_status!='Lost Lead' and mid IN (SELECT MAX(mid) FROM marketing_activities GROUP BY lid);";
$result6=mysql_query($sql6);
$t=mysql_num_rows($result5)+mysql_num_rows($result6);
//$t=mysql_num_rows($result6);
//$sql771="select * from marketing_activities where follow_date<='$date' group by lid having max(mid) order by mid desc";
$sql771="SELECT * FROM marketing_activities WHERE follow_date<'$date' and lead_status!='Lost Lead' and lead_status!='Closed' and mid IN (SELECT MAX(mid) FROM marketing_activities GROUP BY lid);";
$result771=mysql_query($sql771);
?>
<h5><a href="upcoming_followup_report.php">Upcoming Followup</a></h5>
<label><?php echo $t;?></label>
</div>
<div class="col-md-6 top-content1">
<div id="demo-pie-6" class="pie-title-center" data-percent="<?php echo $t;?>"> <span class="pie-value"></span> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="content-top-1" style="margin-bottom:5px !important; padding:5px !important;">
<div class="col-md-6 top-content">
<?php
$todate=date("Y-m-d",strtotime("+15 days"));
$sql6="SELECT * FROM `service` WHERE `nextdate`>'$date' and `nextdate`<='$todate'";
$result6=mysql_query($sql6);
$ts=mysql_num_rows($result6);
?>
<h5><a href="upcoming_services.php">Upcoming
Services</a></h5>
<label><?php echo mysql_num_rows($result6);?></label>
</div>
<div class="col-md-6 top-content1">
<div id="demo-pie-7" class="pie-title-center" data-percent="<?php echo mysql_num_rows($result6);?>"> <span class="pie-value"></span> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="row">
</div>
<!-- for amcharts js -->
<script src="js/amcharts.js"></script>
<script src="js/serial.js"></script>
<script src="js/export.min.js"></script>
<link rel="stylesheet" href="css/export.css" type="text/css" media="all" />
<script src="js/light.js"></script>
<!-- for amcharts js -->
<script src="js/index1.js"></script>
<div class="col_1">
<div class="clearfix"> </div>
</div>
<!-- FOR HIGH CHARTS SCRIPTS -->
<script src="js/highcharts.js"></script>
<script src="js/series-label.js"></script>
<script src="js/exporting.js"></script>
<!-- FOR HIGH CHARTS SCRIPTS -->
</div>
</div>
<?php include('footer.php');?>
</div>
<!-- new added graphs chart js-->
<script src="js/Chart.bundle.js"></script>
<script src="js/utils.js"></script>
<script>
var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var color = Chart.helpers.color;
var barChartData = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: 'Dataset 1',
backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
borderColor: window.chartColors.red,
borderWidth: 1,
data: [
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
]
}, {
label: 'Dataset 2',
backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
borderColor: window.chartColors.blue,
borderWidth: 1,
data: [
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
]
}]
};
window.onload = function() {
var ctx = document.getElementById("canvas").getContext("2d");
window.myBar = new Chart(ctx, {
type: 'bar',
data: barChartData,
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Chart.js Bar Chart'
}
}
});
};
document.getElementById('randomizeData').addEventListener('click', function() {
var zero = Math.random() < 0.2 ? true : false;
barChartData.datasets.forEach(function(dataset) {
dataset.data = dataset.data.map(function() {
return zero ? 0.0 : randomScalingFactor();
});
});
window.myBar.update();
});
var colorNames = Object.keys(window.chartColors);
document.getElementById('addDataset').addEventListener('click', function() {
var colorName = colorNames[barChartData.datasets.length % colorNames.length];;
var dsColor = window.chartColors[colorName];
var newDataset = {
label: 'Dataset ' + barChartData.datasets.length,
backgroundColor: color(dsColor).alpha(0.5).rgbString(),
borderColor: dsColor,
borderWidth: 1,
data: []
};
for (var index = 0; index < barChartData.labels.length; ++index) {
newDataset.data.push(randomScalingFactor());
}
barChartData.datasets.push(newDataset);
window.myBar.update();
});
document.getElementById('addData').addEventListener('click', function() {
if (barChartData.datasets.length > 0) {
var month = MONTHS[barChartData.labels.length % MONTHS.length];
barChartData.labels.push(month);
for (var index = 0; index < barChartData.datasets.length; ++index) {
//window.myBar.addData(randomScalingFactor(), index);
barChartData.datasets[index].data.push(randomScalingFactor());
}
window.myBar.update();
}
});
document.getElementById('removeDataset').addEventListener('click', function() {
barChartData.datasets.splice(0, 1);
window.myBar.update();
});
document.getElementById('removeData').addEventListener('click', function() {
barChartData.labels.splice(-1, 1); // remove the label first
barChartData.datasets.forEach(function(dataset, datasetIndex) {
dataset.data.pop();
});
window.myBar.update();
});
</script>
<!-- new added graphs chart js-->
<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
showLeftPush = document.getElementById( 'showLeftPush' ),
body = document.body;
showLeftPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toright' );
classie.toggle( menuLeft, 'cbp-spmenu-open' );
disableOther( 'showLeftPush' );
};
function disableOther( button ) {
if( button !== 'showLeftPush' ) {
classie.toggle( showLeftPush, 'disabled' );
}
}
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
$('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->
<!-- for index page weekly sales java script -->
<script src="js/SimpleChart.js"></script>
<script>
var graphdata1 = {
linecolor: "#CCA300",
title: "Monday",
values: [
{ X: "6:00", Y: 10.00 },
{ X: "7:00", Y: 20.00 },
{ X: "8:00", Y: 40.00 },
{ X: "9:00", Y: 34.00 },
{ X: "10:00", Y: 40.25 },
{ X: "11:00", Y: 28.56 },
{ X: "12:00", Y: 18.57 },
{ X: "13:00", Y: 34.00 },
{ X: "14:00", Y: 40.89 },
{ X: "15:00", Y: 12.57 },
{ X: "16:00", Y: 28.24 },
{ X: "17:00", Y: 18.00 },
{ X: "18:00", Y: 34.24 },
{ X: "19:00", Y: 40.58 },
{ X: "20:00", Y: 12.54 },
{ X: "21:00", Y: 28.00 },
{ X: "22:00", Y: 18.00 },
{ X: "23:00", Y: 34.89 },
{ X: "0:00", Y: 40.26 },
{ X: "1:00", Y: 28.89 },
{ X: "2:00", Y: 18.87 },
{ X: "3:00", Y: 34.00 },
{ X: "4:00", Y: 40.00 }
]
};
var graphdata2 = {
linecolor: "#00CC66",
title: "Tuesday",
values: [
{ X: "6:00", Y: 100.00 },
{ X: "7:00", Y: 120.00 },
{ X: "8:00", Y: 140.00 },
{ X: "9:00", Y: 134.00 },
{ X: "10:00", Y: 140.25 },
{ X: "11:00", Y: 128.56 },
{ X: "12:00", Y: 118.57 },
{ X: "13:00", Y: 134.00 },
{ X: "14:00", Y: 140.89 },
{ X: "15:00", Y: 112.57 },
{ X: "16:00", Y: 128.24 },
{ X: "17:00", Y: 118.00 },
{ X: "18:00", Y: 134.24 },
{ X: "19:00", Y: 140.58 },
{ X: "20:00", Y: 112.54 },
{ X: "21:00", Y: 128.00 },
{ X: "22:00", Y: 118.00 },
{ X: "23:00", Y: 134.89 },
{ X: "0:00", Y: 140.26 },
{ X: "1:00", Y: 128.89 },
{ X: "2:00", Y: 118.87 },
{ X: "3:00", Y: 134.00 },
{ X: "4:00", Y: 180.00 }
]
};
var graphdata3 = {
linecolor: "#FF99CC",
title: "Wednesday",
values: [
{ X: "6:00", Y: 230.00 },
{ X: "7:00", Y: 210.00 },
{ X: "8:00", Y: 214.00 },
{ X: "9:00", Y: 234.00 },
{ X: "10:00", Y: 247.25 },
{ X: "11:00", Y: 218.56 },
{ X: "12:00", Y: 268.57 },
{ X: "13:00", Y: 274.00 },
{ X: "14:00", Y: 280.89 },
{ X: "15:00", Y: 242.57 },
{ X: "16:00", Y: 298.24 },
{ X: "17:00", Y: 208.00 },
{ X: "18:00", Y: 214.24 },
{ X: "19:00", Y: 214.58 },
{ X: "20:00", Y: 211.54 },
{ X: "21:00", Y: 248.00 },
{ X: "22:00", Y: 258.00 },
{ X: "23:00", Y: 234.89 },
{ X: "0:00", Y: 210.26 },
{ X: "1:00", Y: 248.89 },
{ X: "2:00", Y: 238.87 },
{ X: "3:00", Y: 264.00 },
{ X: "4:00", Y: 270.00 }
]
};
var graphdata4 = {
linecolor: "Random",
title: "Thursday",
values: [
{ X: "6:00", Y: 300.00 },
{ X: "7:00", Y: 410.98 },
{ X: "8:00", Y: 310.00 },
{ X: "9:00", Y: 314.00 },
{ X: "10:00", Y: 310.25 },
{ X: "11:00", Y: 318.56 },
{ X: "12:00", Y: 318.57 },
{ X: "13:00", Y: 314.00 },
{ X: "14:00", Y: 310.89 },
{ X: "15:00", Y: 512.57 },
{ X: "16:00", Y: 318.24 },
{ X: "17:00", Y: 318.00 },
{ X: "18:00", Y: 314.24 },
{ X: "19:00", Y: 310.58 },
{ X: "20:00", Y: 312.54 },
{ X: "21:00", Y: 318.00 },
{ X: "22:00", Y: 318.00 },
{ X: "23:00", Y: 314.89 },
{ X: "0:00", Y: 310.26 },
{ X: "1:00", Y: 318.89 },
{ X: "2:00", Y: 518.87 },
{ X: "3:00", Y: 314.00 },
{ X: "4:00", Y: 310.00 }
]
};
var Piedata = {
linecolor: "Random",
title: "Profit",
values: [
{ X: "Monday", Y: 50.00 },
{ X: "Tuesday", Y: 110.98 },
{ X: "Wednesday", Y: 70.00 },
{ X: "Thursday", Y: 204.00 },
{ X: "Friday", Y: 80.25 },
{ X: "Saturday", Y: 38.56 },
{ X: "Sunday", Y: 98.57 }
]
};
$(function () {
$("#Bargraph").SimpleChart({
ChartType: "Bar",
toolwidth: "50",
toolheight: "25",
axiscolor: "#E6E6E6",
textcolor: "#6E6E6E",
showlegends: true,
data: [graphdata4, graphdata3, graphdata2, graphdata1],
legendsize: "140",
legendposition: 'bottom',
xaxislabel: 'Hours',
title: 'Weekly Profit',
yaxislabel: 'Profit in $'
});
$("#sltchartype").on('change', function () {
$("#Bargraph").SimpleChart('ChartType', $(this).val());
$("#Bargraph").SimpleChart('reload', 'true');
});
$("#Hybridgraph").SimpleChart({
ChartType: "Hybrid",
toolwidth: "50",
toolheight: "25",
axiscolor: "#E6E6E6",
textcolor: "#6E6E6E",
showlegends: true,
data: [graphdata4],
legendsize: "140",
legendposition: 'bottom',
xaxislabel: 'Hours',
title: 'Weekly Profit',
yaxislabel: 'Profit in $'
});
$("#Linegraph").SimpleChart({
ChartType: "Line",
toolwidth: "50",
toolheight: "25",
axiscolor: "#E6E6E6",
textcolor: "#6E6E6E",
showlegends: false,
data: [graphdata4, graphdata3, graphdata2, graphdata1],
legendsize: "140",
legendposition: 'bottom',
xaxislabel: 'Hours',
title: 'Weekly Profit',
yaxislabel: 'Profit in $'
});
$("#Areagraph").SimpleChart({
ChartType: "Area",
toolwidth: "50",
toolheight: "25",
axiscolor: "#E6E6E6",
textcolor: "#6E6E6E",
showlegends: true,
data: [graphdata4, graphdata3, graphdata2, graphdata1],
legendsize: "140",
legendposition: 'bottom',
xaxislabel: 'Hours',
title: 'Weekly Profit',
yaxislabel: 'Profit in $'
});
$("#Scatterredgraph").SimpleChart({
ChartType: "Scattered",
toolwidth: "50",
toolheight: "25",
axiscolor: "#E6E6E6",
textcolor: "#6E6E6E",
showlegends: true,
data: [graphdata4, graphdata3, graphdata2, graphdata1],
legendsize: "140",
legendposition: 'bottom',
xaxislabel: 'Hours',
title: 'Weekly Profit',
yaxislabel: 'Profit in $'
});
$("#Piegraph").SimpleChart({
ChartType: "Pie",
toolwidth: "50",
toolheight: "25",
axiscolor: "#E6E6E6",
textcolor: "#6E6E6E",
showlegends: true,
showpielables: true,
data: [Piedata],
legendsize: "250",
legendposition: 'right',
xaxislabel: 'Hours',
title: 'Weekly Profit',
yaxislabel: 'Profit in $'
});
$("#Stackedbargraph").SimpleChart({
ChartType: "Stacked",
toolwidth: "50",
toolheight: "25",
axiscolor: "#E6E6E6",
textcolor: "#6E6E6E",
showlegends: true,
data: [graphdata3, graphdata2, graphdata1],
legendsize: "140",
legendposition: 'bottom',
xaxislabel: 'Hours',
title: 'Weekly Profit',
yaxislabel: 'Profit in $'
});
$("#StackedHybridbargraph").SimpleChart({
ChartType: "StackedHybrid",
toolwidth: "50",
toolheight: "25",
axiscolor: "#E6E6E6",
textcolor: "#6E6E6E",
showlegends: true,
data: [graphdata3, graphdata2, graphdata1],
legendsize: "140",
legendposition: 'bottom',
xaxislabel: 'Hours',
title: 'Weekly Profit',
yaxislabel: 'Profit in $'
});
});
</script>
<!-- //for index page weekly sales java script -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"> </script>
<!-- //Bootstrap Core JavaScript -->
</body>
</html>