first commit
This commit is contained in:
@@ -0,0 +1,110 @@
|
||||
|
||||
|
||||
<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>
|
||||
Reference in New Issue
Block a user