���ѧۧݧ�ӧ�� �ާ֧ߧ֧էا֧� - ���֧էѧܧ�ڧ��ӧѧ�� - /home/rickpfrv/clients.dominiquerickard.com/app/Views/expenses/income_expenses_widget.php
���ѧ٧ѧ�
<div class="card bg-white <?php echo $custom_class; ?>"> <div class="card-header clearfix"> <i data-feather="bar-chart" class="icon-16"></i> <?php echo app_lang("income_vs_expenses"); ?> <span class="float-end" data-bs-toggle="tooltip" title="<?php echo app_lang('income_expenses_widget_help_message') ?>"><i data-feather="help-circle" class="icon-16"></i></span> </div> <div class="card-body rounded-bottom"> <canvas id="income-expense-chart" style="width: 100%; height: 255px;"></canvas> </div> </div> <script type="text/javascript"> <?php if ($income || $expenses) { ?> var incomeExpenseChart = document.getElementById("income-expense-chart"); new Chart(incomeExpenseChart, { type: 'doughnut', data: { labels: ["<?php echo app_lang("income"); ?>", "<?php echo app_lang("expenses"); ?>"], datasets: [ { data: ["<?php echo $income ?>" * 1, "<?php echo $expenses ?>" * 1], backgroundColor: ["#00B393", "#F06C71"], borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, tooltips: { callbacks: { title: function (tooltipItem, data) { return data['labels'][tooltipItem[0]['index']]; }, label: function (tooltipItem, data) { return ""; }, afterLabel: function (tooltipItem, data) { var dataset = data['datasets'][0]; var percent = Math.round((dataset['data'][tooltipItem['index']] / dataset["_meta"][Object.keys(dataset["_meta"])[0]]['total']) * 100); return '(' + percent + '%)'; } } }, legend: { display: true, position: 'bottom', labels: { fontColor: "#898fa9" } }, animation: { animateScale: true } } }); <?php } ?> $(document).ready(function () { $('[data-bs-toggle="tooltip"]').tooltip(); }); </script>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | ���֧ߧ֧�ѧ�ڧ� ����ѧߧڧ��: 0.41 |
proxy
|
phpinfo
|
���ѧ����ۧܧ�