���ѧۧݧ�ӧ�� �ާ֧ߧ֧էا֧� - ���֧էѧܧ�ڧ��ӧѧ�� - /home/rickpfrv/clients.dominiquerickard.com/app/Views/projects/project_task_pie_chart.php
���ѧ٧ѧ�
<div class="card"> <div class="card-body"> <canvas id="task-status-chart" width="512"></canvas> </div> </div> <?php $task_title = array(); $task_data = array(); $task_status_color = array(); foreach ($task_statuses as $status) { $task_title[] = $status->key_name ? app_lang($status->key_name) : $status->title; $task_data[] = $status->total; $task_status_color[] = $status->color; } ?> <script type="text/javascript"> //for task status chart var labels = <?php echo json_encode($task_title) ?>; var taskData = <?php echo json_encode($task_data) ?>; var taskStatuscolor = <?php echo json_encode($task_status_color) ?>; var taskStatusChart = document.getElementById("task-status-chart"); new Chart(taskStatusChart, { type: 'doughnut', data: { labels: labels, datasets: [ { data: taskData, backgroundColor: taskStatuscolor, borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, tooltips: { callbacks: { 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 } } }); </script>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | ���֧ߧ֧�ѧ�ڧ� ����ѧߧڧ��: 0.01 |
proxy
|
phpinfo
|
���ѧ����ۧܧ�