1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
<?php
/*
** Zabbix
** Copyright (C) 2001-2019 Zabbix SIA
**
** This program is free software; you can redistribute it and/or modify
** it under the terms of the GNU General Public License as published by
** the Free Software Foundation; either version 2 of the License, or
** (at your option) any later version.
**
** This program is distributed in the hope that it will be useful,
** but WITHOUT ANY WARRANTY; without even the implied warranty of
** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
** GNU General Public License for more details.
**
** You should have received a copy of the GNU General Public License
** along with this program; if not, write to the Free Software
** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
**/
/*
* Class to draw graph line. Single data points will be drawn as points instead of lines.
*/
class CSvgGraphLineGroup extends CSvgGroup {
protected $paths;
protected $metric;
protected $options;
public function __construct($paths, $metric) {
parent::__construct();
$this->paths = $paths;
$this->metric = $metric;
$this->options = $metric['options'] + [
'transparency' => CSvgGraph::SVG_GRAPH_DEFAULT_TRANSPARENCY,
'width' => CSvgGraph::SVG_GRAPH_DEFAULT_LINE_WIDTH,
'color' => CSvgGraph::SVG_GRAPH_DEFAULT_COLOR,
'type' => SVG_GRAPH_TYPE_LINE,
'order' => 1
];
// Minimal point size is 3 to make single data points visible even for thin lines.
$this->options['pointsize'] = max($this->options['width'], 3);
}
public function makeStyles() {
$this
->addClass(CSvgTag::ZBX_STYLE_GRAPH_LINE)
->addClass(CSvgTag::ZBX_STYLE_GRAPH_LINE.'-'.$this->metric['itemid'].'-'.$this->options['order']);
$line_style = ($this->options['type'] == SVG_GRAPH_TYPE_LINE) ? ['stroke-linejoin' => 'round'] : [];
return [
'.'.CSvgTag::ZBX_STYLE_GRAPH_LINE => [
'fill' => 'none'
],
'.'.CSvgTag::ZBX_STYLE_GRAPH_LINE.'-'.$this->metric['itemid'].'-'.$this->options['order'] => [
'stroke-opacity' => $this->options['transparency'] * 0.1,
'stroke' => $this->options['color'],
'stroke-width' => $this->options['width']
] + $line_style,
'.'.CSvgTag::ZBX_STYLE_GRAPH_LINE.'-'.$this->metric['itemid'].'-'.$this->options['order'].' circle' => [
'fill-opacity' => $this->options['transparency'] * 0.1,
'fill' => $this->options['color'],
'stroke-width' => 0
]
];
}
protected function draw() {
foreach ($this->paths as $path) {
// Draw single data point paths as circles instead of lines.
$this->addItem((count($path) > 1)
? new CSvgGraphLine($path, $this->metric)
: (new CSvgCircle($path[0][0], $path[0][1], $this->options['pointsize']))
->setAttribute('label', $path[0][2])
);
}
}
public function toString($destroy = true) {
$this->setAttribute('data-set', $this->options['type'] == SVG_GRAPH_TYPE_LINE ? 'line' : 'staircase')
->setAttribute('data-metric', CHtml::encode($this->metric['name']))
->setAttribute('data-color', $this->options['color'])
->addItem((new CSvgCircle(-10, -10, $this->options['width'] + 4))
->addClass(CSvgTag::ZBX_STYLE_GRAPH_HIGHLIGHTED_VALUE))
->draw();
return parent::toString($destroy);
}
}
|
