dev-chiefworks
111 lines
3.7 KiB
PHP
111 lines
3.7 KiB
PHP
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-4">
|
|
<!-- Recent Members -->
|
|
<div class="panel panel-flat" style="background-color:#CEE0D7;">
|
|
<div class="panel-heading">
|
|
<h6 class="panel-title">Count by Vendor</h6>
|
|
<div class="heading-elements">
|
|
|
|
</div>
|
|
</div>
|
|
<div id="vendor_count" class="table-responsive">
|
|
<canvas id="canvas_vendor_count_chart"></canvas>
|
|
<?=$vendor_count?>
|
|
</div>
|
|
</div>
|
|
<!-- /Recent Members -->
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<!-- Recent Members -->
|
|
<div class="panel panel-flat" style="background-color:#CEE0D7;">
|
|
<div class="panel-heading">
|
|
<h6 class="panel-title">Cost by Vendor</h6>
|
|
<div class="heading-elements">
|
|
|
|
</div>
|
|
</div>
|
|
<div id="vendor_cost" class="table-responsive">
|
|
<canvas id="canvas_vendor_cost_chart"></canvas>
|
|
<?=$vendor_cost?>
|
|
</div>
|
|
</div>
|
|
<!-- /Recent Members -->
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4">
|
|
<!-- Recent Members -->
|
|
<div class="panel panel-flat" style="background-color:#CEE0D7;">
|
|
<div class="panel-heading">
|
|
<h6 class="panel-title">Members by Vendor</h6>
|
|
<div class="heading-elements">
|
|
|
|
</div>
|
|
</div>
|
|
<div id="vendor_members" class="table-responsive">
|
|
<canvas id="canvas_vendor_members_chart"></canvas>
|
|
<?=$vendor_members?>
|
|
</div>
|
|
</div>
|
|
<!-- /Recent Members -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
<!--
|
|
|
|
$(function() {
|
|
var ctxCount = document.getElementById("canvas_vendor_count_chart");
|
|
var countPieChart = new Chart(ctxCount, {
|
|
type: 'doughnut',
|
|
data: {
|
|
datasets: [{
|
|
data: [<?=implode(',',$vendor_count_values)?>],
|
|
backgroundColor: ["#0074D9", "#FF4136", "#2ECC40", "#FF851B", "#7FDBFF", "#B10DC9", "#FFDC00", "#001f3f", "#39CCCC", "#01FF70", "#85144b", "#F012BE", "#3D9970", "#111111", "#AAAAAA"]
|
|
}],
|
|
labels: ['<?=implode("','",$vendor_count_labels)?>']
|
|
},
|
|
options: {
|
|
|
|
}
|
|
});
|
|
var ctxCost = document.getElementById("canvas_vendor_cost_chart");
|
|
var costPieChart = new Chart(ctxCost, {
|
|
type: 'doughnut',
|
|
data: {
|
|
datasets: [{
|
|
data: [<?=implode(',',$vendor_cost_values)?>],
|
|
backgroundColor: ["#0074D9", "#FF4136", "#2ECC40", "#FF851B", "#7FDBFF", "#B10DC9", "#FFDC00", "#001f3f", "#39CCCC", "#01FF70", "#85144b", "#F012BE", "#3D9970", "#111111", "#AAAAAA"]
|
|
}],
|
|
labels: ['<?=implode("','",$vendor_cost_labels)?>']
|
|
},
|
|
options: {
|
|
|
|
}
|
|
});
|
|
var ctxMembers = document.getElementById("canvas_vendor_members_chart");
|
|
var memebersPieChart = new Chart(ctxMembers, {
|
|
type: 'doughnut',
|
|
data: {
|
|
datasets: [{
|
|
data: [<?=implode(',',$vendor_members_values)?>],
|
|
backgroundColor: ["#0074D9", "#FF4136", "#2ECC40", "#FF851B", "#7FDBFF", "#B10DC9", "#FFDC00", "#001f3f", "#39CCCC", "#01FF70", "#85144b", "#F012BE", "#3D9970", "#111111", "#AAAAAA"]
|
|
}],
|
|
labels: ['<?=implode("','",$vendor_members_labels)?>']
|
|
},
|
|
options: {
|
|
|
|
}
|
|
});
|
|
});
|
|
|
|
//initMap();
|
|
// -->
|
|
</script>
|