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">Platforms</h6>
|
|
<div class="heading-elements">
|
|
|
|
</div>
|
|
</div>
|
|
<div id="device_platforms" class="table-responsive">
|
|
<canvas id="canvas_device_platforms_chart"></canvas>
|
|
<?=$device_platforms?>
|
|
</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">Models</h6>
|
|
<div class="heading-elements">
|
|
|
|
</div>
|
|
</div>
|
|
<div id="device_models" class="table-responsive">
|
|
<canvas id="canvas_device_models_chart"></canvas>
|
|
<?=$device_models?>
|
|
</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">Manufacturers</h6>
|
|
<div class="heading-elements">
|
|
|
|
</div>
|
|
</div>
|
|
<div id="device_manufacturers" class="table-responsive">
|
|
<canvas id="canvas_device_manufacturers_chart"></canvas>
|
|
<?=$device_manufacturers?>
|
|
</div>
|
|
</div>
|
|
<!-- /Recent Members -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
<!--
|
|
|
|
$(function() {
|
|
var ctxPlatforms = document.getElementById("canvas_device_platforms_chart");
|
|
var platformsPieChart = new Chart(ctxPlatforms, {
|
|
type: 'doughnut',
|
|
data: {
|
|
datasets: [{
|
|
data: [<?=implode(',',$device_platforms_values)?>],
|
|
backgroundColor: ["#0074D9", "#FF4136", "#2ECC40", "#FF851B", "#7FDBFF", "#B10DC9", "#FFDC00", "#001f3f", "#39CCCC", "#01FF70", "#85144b", "#F012BE", "#3D9970", "#111111", "#AAAAAA"]
|
|
}],
|
|
labels: ['<?=implode("','",$device_platforms_labels)?>']
|
|
},
|
|
options: {
|
|
|
|
}
|
|
});
|
|
var ctxModels = document.getElementById("canvas_device_models_chart");
|
|
var modelsPieChart = new Chart(ctxModels, {
|
|
type: 'doughnut',
|
|
data: {
|
|
datasets: [{
|
|
data: [<?=implode(',',$device_models_values)?>],
|
|
backgroundColor: ["#0074D9", "#FF4136", "#2ECC40", "#FF851B", "#7FDBFF", "#B10DC9", "#FFDC00", "#001f3f", "#39CCCC", "#01FF70", "#85144b", "#F012BE", "#3D9970", "#111111", "#AAAAAA"]
|
|
}],
|
|
labels: ['<?=implode("','",$device_models_labels)?>']
|
|
},
|
|
options: {
|
|
|
|
}
|
|
});
|
|
var ctxManufactures = document.getElementById("canvas_device_manufacturers_chart");
|
|
var manufacturersPieChart = new Chart(ctxManufactures, {
|
|
type: 'doughnut',
|
|
data: {
|
|
datasets: [{
|
|
data: [<?=implode(',',$device_manufacturers_values)?>],
|
|
backgroundColor: ["#0074D9", "#FF4136", "#2ECC40", "#FF851B", "#7FDBFF", "#B10DC9", "#FFDC00", "#001f3f", "#39CCCC", "#01FF70", "#85144b", "#F012BE", "#3D9970", "#111111", "#AAAAAA"]
|
|
}],
|
|
labels: ['<?=implode("','",$device_manufacturers_labels)?>']
|
|
},
|
|
options: {
|
|
|
|
}
|
|
});
|
|
});
|
|
|
|
//initMap();
|
|
// -->
|
|
</script>
|