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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
<?php declare(strict_types = 0);
/*
** Copyright (C) 2001-2025 Zabbix SIA
**
** This program is free software: you can redistribute it and/or modify it under the terms of
** the GNU Affero General Public License as published by the Free Software Foundation, version 3.
**
** 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 Affero General Public License for more details.
**
** You should have received a copy of the GNU Affero General Public License along with this program.
** If not, see <https://www.gnu.org/licenses/>.
**/
/*
* Class to draw graph line. Single data points will be drawn as points instead of lines.
*/
class CSvgGraphMetricsLine extends CSvgGroup {
private $metric_paths;
private $metric;
private $options;
public function __construct(array $metric_paths, array $metric) {
parent::__construct();
$this->metric_paths = $metric_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(): array {
$item_css_class = CSvgGraphLine::ZBX_STYLE_CLASS.'-'.$this->metric['itemid'].'-'.$this->options['order'];
$this
->addClass(CSvgGraphLine::ZBX_STYLE_CLASS)
->addClass($item_css_class);
return [
'.'.CSvgGraphLine::ZBX_STYLE_CLASS => [
'fill' => 'none'
],
'.'.$item_css_class => [
'stroke-opacity' => $this->options['transparency'] * 0.1,
'stroke' => $this->options['color'],
'stroke-width' => $this->options['width'] * ($this->options['approximation'] == APPROXIMATION_ALL ? 2 : 1)
] + ($this->options['type'] == SVG_GRAPH_TYPE_LINE ? ['stroke-linejoin' => 'round'] : []),
'.'.$item_css_class.' circle' => [
'fill-opacity' => $this->options['transparency'] * 0.1,
'fill' => $this->options['color'],
'stroke-width' => 0
],
'.'.$item_css_class.' .'.CSvgGraphArea::ZBX_STYLE_CLASS => [
'fill-opacity' => $this->options['fill'] * 0.1,
'fill' => $this->options['color'],
'stroke-opacity' => 0
],
'.'.$item_css_class.' .'.CSvgGraphLine::ZBX_STYLE_LINE_AUXILIARY => [
'stroke-width' => $this->options['width'],
'opacity' => $this->options['transparency'] * 0.1
]
];
}
protected function draw(): void {
$this->addItem(
(new CSvgCircle(-10, -10, $this->options['width'] + 4))
->addClass(CSvgTag::ZBX_STYLE_GRAPH_HIGHLIGHTED_VALUE)
);
foreach ($this->metric_paths as $metric_path) {
// Draw as a line if more than one data point path.
if (count($metric_path) > 1) {
$this->addItem(new CSvgGraphLine($metric_path['line'], $this->metric));
if (array_key_exists('min', $metric_path)) {
$this->addItem(
(new CSvgGraphLine($metric_path['min'], $this->metric, false))
->addClass(CSvgGraphLine::ZBX_STYLE_LINE_AUXILIARY)
);
$this->addItem(
(new CSvgGraphLine($metric_path['max'], $this->metric, false))
->addClass(CSvgGraphLine::ZBX_STYLE_LINE_AUXILIARY)
);
}
}
// Draw as a circle if one data point path.
else {
$this->addItem(
(new CSvgCircle($metric_path['line'][0][0], $metric_path['line'][0][1], $this->options['pointsize']))
->setAttribute('label', $metric_path['line'][0][2])
);
}
if (array_key_exists('fill', $metric_path)) {
$this->addItem(new CSvgGraphArea($metric_path['fill'], $this->metric));
}
}
}
public function toString($destroy = true): string {
$this
->setAttribute('data-set', $this->options['type'] == SVG_GRAPH_TYPE_LINE ? 'line' : 'staircase')
->setAttribute('data-metric', $this->metric['name'])
->setAttribute('data-color', $this->options['color'])
->draw();
return parent::toString($destroy);
}
}
|
