/**
  * 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;
 }
Beispiel #2
0
 /**
  * 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;
 }