/**
* Render this BarChart
*
* @param RenderContext $ctx The rendering context to use for drawing
*
* @return DOMElement $dom Element
*/
public function toSvg(RenderContext $ctx)
{
$path = new Path($this->dataset);
if ($this->isDiscrete) {
$path->setDiscrete(true);
}
$path->setStrokeColor($this->strokeColor);
$path->setStrokeWidth($this->strokeWidth);
$path->setAttribute('data-icinga-graph-type', 'line');
if ($this->fill !== 'none') {
$firstX = $this->dataset[0][0];
$lastX = $this->dataset[count($this->dataset) - 1][0];
$path->prepend(array($firstX, 100))->append(array($lastX, 100));
$path->setFill($this->fill);
}
$path->setAdditionalStyle('clip-path: url(#clip);');
$path->setId($this->id);
$group = $path->toSvg($ctx);
if ($this->showDataPoints === true) {
foreach ($this->dataset as $point) {
$dot = new Circle($point[0], $point[1], $this->strokeWidth * 5);
$dot->setFill('black');
$group->appendChild($dot->toSvg($ctx));
}
}
return $group;
}
/**
* Render this BarChart
*
* @param RenderContext $ctx The rendering context to use for drawing
*
* @return DOMElement $dom Element
*/
public function toSvg(RenderContext $ctx)
{
$path = new Path($this->dataset);
if ($this->isDiscrete) {
$path->setDiscrete(true);
}
$path->setStrokeColor($this->strokeColor);
$path->setStrokeWidth($this->strokeWidth);
$path->setAttribute('data-icinga-graph-type', 'line');
if ($this->fill !== 'none') {
$firstX = $this->dataset[0][0];
$lastX = $this->dataset[count($this->dataset) - 1][0];
$path->prepend(array($firstX, 100))->append(array($lastX, 100));
$path->setFill($this->fill);
}
$path->setAdditionalStyle('clip-path: url(#clip);');
$path->setId($this->id);
$group = $path->toSvg($ctx);
foreach ($this->dataset as $x => $point) {
if ($this->showDataPoints === true) {
$dot = new Circle($point[0], $point[1], $this->dotWith);
$dot->setFill($this->strokeColor);
$group->appendChild($dot->toSvg($ctx));
}
// Draw invisible circle for tooltip hovering
$invisible = new Circle($point[0], $point[1], 20);
$invisible->setFill($this->strokeColor);
$invisible->setAdditionalStyle('opacity: 0.0;');
$invisible->setAttribute('class', 'chart-data');
if (isset($this->tooltips[$x])) {
$data = array('label' => isset($this->graphs[$this->order]['label']) ? strtolower($this->graphs[$this->order]['label']) : '', 'color' => isset($this->graphs[$this->order]['color']) ? strtolower($this->graphs[$this->order]['color']) : '#fff');
$format = isset($this->graphs[$this->order]['tooltip']) ? $this->graphs[$this->order]['tooltip'] : null;
$invisible->setAttribute('title', $this->tooltips[$x]->renderNoHtml($this->order, $data, $format));
$invisible->setAttribute('data-title-rich', $this->tooltips[$x]->render($this->order, $data, $format));
}
$group->appendChild($invisible->toSvg($ctx));
}
return $group;
}