%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<div class="content"> <script src="<?= base_url('assets/highcharts/highcharts.js') ?>"></script> <div class="row"> <div class="col-md-2"> <h4 style="text-align: center;">Today's Calls</h4> <span style="font-size: 166px;text-align: center;"><?= $dailycalls['num'] ?></span> </div> <div class="col-md-10"> <?php if($ordersByMonth){?> <div id="container-by-month" style="min-width: 310px; height: 400px; margin: 0 auto;"></div> <?php } ?> </div> </div> <?php if($leadsByMonth) {?> <div id="leads-by-month" style="min-width: 310px; height: 400px; margin: 0 auto;"></div> <?php } ?> <script> /* * Chart for orders by mount/year */ $(function () { Highcharts.chart('container-by-month', { title: { text: 'This Year Calls', x: -20 }, subtitle: { text: 'Source: Call Center', x: -20 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { title: { text: 'Calls' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { valueSuffix: ' Calls' }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }, series: [ <?php foreach ($ordersByMonth['years'] as $year) { ?> { name: '<?= $year ?>', data: [<?= implode(',', $ordersByMonth['orders'][$year]) ?>] }, <?php } ?> ] }); }); </script> <script> /* * Chart for orders by mount/year */ $(function () { Highcharts.chart('leads-by-month', { title: { text: 'Total Calls', x: -20 }, subtitle: { text: 'Source: Call Center', x: -20 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { title: { text: 'Calls' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { valueSuffix: ' Calls' }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }, series: [ <?php foreach ($leadsByMonth['years'] as $year) { ?> { name: '<?= $year ?>', data: [<?= implode(',', $leadsByMonth['orders'][$year]) ?>] }, <?php } ?> ] }); }); </script> </div>