You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.1 KiB
PHP
44 lines
1.1 KiB
PHP
<?php
|
|
|
|
/**
|
|
* Renders a bargraph
|
|
*
|
|
* @param string $dom_id
|
|
* @param string $key key name of the x-axis
|
|
* @param array $row_names key names for the data rows
|
|
* @param array $colors colors for the data rows
|
|
* @param array $data the data
|
|
* @return string
|
|
*/
|
|
function bargraph($dom_id, $key, $row_names, $colors, $data)
|
|
{
|
|
$labels = [];
|
|
foreach ($data as $dataset) {
|
|
$labels[] = $dataset[$key];
|
|
}
|
|
|
|
$datasets = [];
|
|
foreach ($row_names as $row_key => $name) {
|
|
$values = [];
|
|
foreach ($data as $dataset) {
|
|
$values[] = $dataset[$row_key];
|
|
}
|
|
$datasets[] = [
|
|
'label' => $name,
|
|
'fillColor' => $colors[$row_key],
|
|
'data' => $values
|
|
];
|
|
}
|
|
|
|
return '<canvas id="' . $dom_id . '" style="width: 100%; height: 300px;"></canvas>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
var ctx = $("#' . $dom_id . '").get(0).getContext("2d");
|
|
var chart = new Chart(ctx).Bar(' . json_encode([
|
|
'labels' => $labels,
|
|
'datasets' => $datasets
|
|
]) . ');
|
|
});
|
|
</script>';
|
|
}
|