238 lines
6.0 KiB
PHP
238 lines
6.0 KiB
PHP
<?php
|
|
// {{{ICINGA_LICENSE_HEADER}}}
|
|
// {{{ICINGA_LICENSE_HEADER}}}
|
|
|
|
namespace Icinga\Web\Widget\Chart;
|
|
|
|
use Icinga\Chart\PieChart;
|
|
use Icinga\Module\Monitoring\Plugin\PerfdataSet;
|
|
use Icinga\Web\Widget\AbstractWidget;
|
|
use Icinga\Web\Url;
|
|
use Icinga\Util\Format;
|
|
use Icinga\Application\Logger;
|
|
use Icinga\Exception\IcingaException;
|
|
|
|
/**
|
|
* A SVG-PieChart intended to be displayed as a small icon next to labels, to offer a better visualization of the
|
|
* shown data
|
|
*
|
|
* NOTE: When InlinePies are shown in a dynamically loaded view, like the side-bar or in the dashboard, the SVGs will
|
|
* be replaced with a jQuery-Sparkline to save resources @see loader.js
|
|
*
|
|
* @package Icinga\Web\Widget\Chart
|
|
*/
|
|
class InlinePie extends AbstractWidget
|
|
{
|
|
const NUMBER_FORMAT_NONE = 'none';
|
|
const NUMBER_FORMAT_TIME = 'time';
|
|
const NUMBER_FORMAT_BYTES = 'bytes';
|
|
const NUMBER_FORMAT_RATIO = 'ratio';
|
|
|
|
/**
|
|
* The template string used for rendering this widget
|
|
*
|
|
* @var string
|
|
*/
|
|
private $template =<<<'EOD'
|
|
<span sparkType="pie" class="sparkline {class}" {title} {size} sparkSliceColors="[{colors}]" values="{data}">
|
|
</span>
|
|
{noscript}
|
|
EOD;
|
|
|
|
private $noscript =<<<'EOD'
|
|
<noscript>
|
|
<img class="inlinepie {class}" {title} src="{url}" data-icinga-colors="{colors}" data-icinga-values="{data}"/>
|
|
</noscript>
|
|
EOD;
|
|
|
|
|
|
/**
|
|
* @var Url
|
|
*/
|
|
private $url;
|
|
|
|
/**
|
|
* The colors used to display the slices of this pie-chart.
|
|
*
|
|
* @var array
|
|
*/
|
|
private $colors = array('#049BAF', '#ffaa44', '#ff5566', '#ddccdd');
|
|
|
|
/**
|
|
* The title of the chart
|
|
*
|
|
* @var string
|
|
*/
|
|
private $title;
|
|
|
|
/**
|
|
* @var
|
|
*/
|
|
private $size;
|
|
|
|
/**
|
|
* The data displayed by the pie-chart
|
|
*
|
|
* @var array
|
|
*/
|
|
private $data;
|
|
|
|
/**
|
|
* @var
|
|
*/
|
|
private $class = '';
|
|
|
|
/**
|
|
* Set the data to be displayed.
|
|
*
|
|
* @param $data array
|
|
*
|
|
* @return $this
|
|
*/
|
|
public function setData(array $data)
|
|
{
|
|
$this->data = $data;
|
|
$this->url->setParam('data', implode(',', $data));
|
|
return $this;
|
|
}
|
|
|
|
/**
|
|
* Set the size of the inline pie
|
|
*
|
|
* @param int $size Sets both, the height and width
|
|
*
|
|
* @return $this
|
|
*/
|
|
public function setSize($size = null)
|
|
{
|
|
$this->size = $size;
|
|
return $this;
|
|
}
|
|
|
|
/**
|
|
* Do not display the NoScript fallback html
|
|
*/
|
|
public function disableNoScript()
|
|
{
|
|
$this->noscript = '';
|
|
}
|
|
|
|
/**
|
|
* Set the class to define the
|
|
*
|
|
* @param $class
|
|
*
|
|
* @return $this
|
|
*/
|
|
public function setSparklineClass($class)
|
|
{
|
|
$this->class = $class;
|
|
return $this;
|
|
}
|
|
|
|
/**
|
|
* Set the colors used by the slices of the pie chart.
|
|
*
|
|
* @param array $colors
|
|
*
|
|
* @return $this
|
|
*/
|
|
public function setColors(array $colors = null)
|
|
{
|
|
$this->colors = $colors;
|
|
if (isset($colors)) {
|
|
$this->url->setParam('colors', implode(',', $colors));
|
|
} else {
|
|
$this->url->setParam('colors', null);
|
|
}
|
|
return $this;
|
|
}
|
|
|
|
/**
|
|
* Set the title of the displayed Data
|
|
*
|
|
* @param string $title
|
|
*
|
|
* @return $this
|
|
*/
|
|
public function setTitle($title)
|
|
{
|
|
$this->title = 'title="' . htmlspecialchars($title) . '"';
|
|
return $this;
|
|
}
|
|
|
|
/**
|
|
* Create a new InlinePie
|
|
*
|
|
* @param array $data The data displayed by the slices
|
|
* @param string $title The title of this Pie
|
|
* @param array $colors An array of RGB-Color values to use
|
|
*/
|
|
public function __construct(array $data, $title, $colors = null)
|
|
{
|
|
$this->setTitle($title);
|
|
$this->url = Url::fromPath('svg/chart.php');
|
|
if (array_key_exists('data', $data)) {
|
|
$this->data = $data['data'];
|
|
if (array_key_exists('colors', $data)) {
|
|
$this->colors = $data['colors'];
|
|
}
|
|
} else {
|
|
$this->setData($data);
|
|
}
|
|
if (isset($colors)) {
|
|
$this->setColors($colors);
|
|
} else {
|
|
$this->setColors($this->colors);
|
|
}
|
|
}
|
|
/**
|
|
* Renders this widget via the given view and returns the
|
|
* HTML as a string
|
|
*
|
|
* @return string
|
|
*/
|
|
public function render()
|
|
{
|
|
if ($this->view()->layout()->getLayout() === 'pdf') {
|
|
$pie = new PieChart();
|
|
$pie->alignTopLeft();
|
|
$pie->disableLegend();
|
|
$pie->drawPie(array(
|
|
'data' => $this->data, 'colors' => $this->colors
|
|
));
|
|
|
|
try {
|
|
$png = $pie->toPng($this->size, $this->size);
|
|
return '<img class="inlinepie" src="data:image/png;base64,' . base64_encode($png) . '" />';
|
|
} catch (IcingaException $_) {
|
|
return '';
|
|
}
|
|
}
|
|
|
|
$template = $this->template;
|
|
// TODO: Check whether we are XHR and don't send
|
|
$template = str_replace('{noscript}', $this->noscript, $template);
|
|
$template = str_replace('{url}', $this->url, $template);
|
|
$template = str_replace('{class}', $this->class, $template);
|
|
|
|
// style
|
|
$template = str_replace('{size}',
|
|
isset($this->size) ? 'sparkWidth="' . $this->size . '" sparkHeight="' . $this->size . '" ' : '', $template);
|
|
$template = str_replace('{title}', $this->title, $template);
|
|
|
|
$template = str_replace('{colors}', implode(',', $this->colors), $template);
|
|
|
|
// Locale-ignorant string cast. Please. Do. NOT. Remove. This. Again.
|
|
// Problem is that implode respects locales when casting floats. This means
|
|
// that implode(',', array(1.1, 1.2)) would read '1,1,1,2'.
|
|
$data = array();
|
|
foreach ($this->data as $dat) {
|
|
$data[] = sprintf('%F', $dat);
|
|
}
|
|
|
|
$template = str_replace('{data}', htmlspecialchars(implode(',', $data)), $template);
|
|
return $template;
|
|
}
|
|
}
|