1 | <?php |
||
2 | |||
3 | namespace Afonso\Plotta; |
||
4 | |||
5 | use \RuntimeException; |
||
6 | |||
7 | class PlotBuilder |
||
8 | { |
||
9 | const PLOT_MARGIN = 10; |
||
10 | |||
11 | const TITLE_FONT_SIZE = 5; |
||
12 | |||
13 | const AXIS_VALUE_FONT_SIZE = 2; |
||
14 | |||
15 | const INTER_ELEMENT_SPACING = 10; |
||
16 | |||
17 | const N_TICKS_Y_AXIS = 10; |
||
18 | |||
19 | const COLORS = [ |
||
20 | [0x00, 0x00, 0xff], |
||
21 | [0xff, 0x00, 0x00], |
||
22 | [0x00, 0xff, 0x00], |
||
23 | ]; |
||
24 | |||
25 | /** |
||
26 | * @var int |
||
27 | */ |
||
28 | private $width; |
||
29 | |||
30 | /** |
||
31 | * @var int |
||
32 | */ |
||
33 | private $height; |
||
34 | |||
35 | /** |
||
36 | * @var string |
||
37 | */ |
||
38 | private $title; |
||
39 | |||
40 | /** |
||
41 | * @var \Afonso\Plotta\XAxisConfig |
||
42 | */ |
||
43 | private $xAxisConfig; |
||
44 | |||
45 | /** |
||
46 | * @var \Afonso\Plotta\YAxisConfig |
||
47 | */ |
||
48 | private $yAxisConfig; |
||
49 | |||
50 | /** |
||
51 | * @var array |
||
52 | */ |
||
53 | private $data = []; |
||
54 | |||
55 | /** |
||
56 | * Set the dimensions of the chart, in pixels. |
||
57 | * |
||
58 | * @param int $width |
||
59 | * @param int $height |
||
60 | * @return self |
||
61 | */ |
||
62 | public function withDimensions(int $width, int $height): PlotBuilder |
||
63 | { |
||
64 | $this->width = $width; |
||
65 | $this->height = $height; |
||
66 | return $this; |
||
67 | } |
||
68 | |||
69 | /** |
||
70 | * Set the title of the chart. |
||
71 | * |
||
72 | * @param string $title |
||
73 | * @return self |
||
74 | */ |
||
75 | public function withTitle(string $title): PlotBuilder |
||
76 | { |
||
77 | $this->title = $title; |
||
78 | return $this; |
||
79 | } |
||
80 | |||
81 | /** |
||
82 | * Set the configuration of the X axis. |
||
83 | * |
||
84 | * @param \Afonso\Plotta\XAxisConfig $xAxisConfig |
||
85 | * @return self |
||
86 | */ |
||
87 | public function withXAxis(XAxisConfig $xAxisConfig): PlotBuilder |
||
88 | { |
||
89 | $this->xAxisConfig = $xAxisConfig; |
||
90 | return $this; |
||
91 | } |
||
92 | |||
93 | /** |
||
94 | * Set the configuration of the Y axis. |
||
95 | * |
||
96 | * @param \Afonso\Plotta\YAxisConfig $yAxisConfig |
||
97 | * @return self |
||
98 | */ |
||
99 | public function withYAxis(YAxisConfig $yAxisConfig): PlotBuilder |
||
100 | { |
||
101 | $this->yAxisConfig = $yAxisConfig; |
||
102 | return $this; |
||
103 | } |
||
104 | |||
105 | /** |
||
106 | * Add a time series to the data to be plotted. |
||
107 | * |
||
108 | * @param array $data |
||
109 | * @return self |
||
110 | */ |
||
111 | public function withData(array $data): PlotBuilder |
||
112 | { |
||
113 | $this->data[] = $data; |
||
114 | return $this; |
||
115 | } |
||
116 | |||
117 | /** |
||
118 | * Generate the chart and save it as a PNG to the specified location. |
||
119 | * |
||
120 | * @param string $path |
||
121 | */ |
||
122 | public function render(string $path): void |
||
123 | { |
||
124 | // Check that everything is okay before proceeding |
||
125 | $this->checkOrFail(); |
||
126 | |||
127 | // Determine the minimum and maximum values of the data series |
||
128 | $minValue = $this->yAxisConfig->min ?? $this->getMinValue($this->data); |
||
129 | $maxValue = $this->yAxisConfig->max ?? $this->getMaxValue($this->data); |
||
130 | |||
131 | // Calculate the key coordinates for the chart components |
||
132 | $coords = $this->calculateCoordinates(); |
||
133 | |||
134 | // Initialize chart |
||
135 | $img = $this->initChart($this->width, $this->height); |
||
136 | |||
137 | // Title |
||
138 | $this->drawTitle($img, $coords, $this->title); |
||
139 | |||
140 | // Y Axis |
||
141 | $this->drawYAxis($img, $coords, $this->yAxisConfig, $minValue, $maxValue); |
||
142 | |||
143 | // X Axis |
||
144 | $this->drawXAxis($img, $coords, $this->xAxisConfig); |
||
145 | |||
146 | // Data |
||
147 | $this->drawData($img, $coords, $this->data, $minValue, $maxValue); |
||
148 | |||
149 | // Write to file |
||
150 | imagepng($img, $path); |
||
151 | } |
||
152 | |||
153 | private function checkOrFail(): void |
||
154 | { |
||
155 | // Check that the number of data points and labels are the same |
||
156 | $maxDataPoints = max(array_map('count', $this->data)); |
||
157 | $minDataPoints = min(array_map('count', $this->data)); |
||
158 | $nLabels = count($this->xAxisConfig->labels); |
||
159 | if ($maxDataPoints != $minDataPoints) { |
||
160 | throw new RuntimeException("Data series do not have the same number of items. Min: ${minDataPoints}, max: ${maxDataPoints}"); |
||
161 | } elseif ($maxDataPoints != $nLabels) { |
||
162 | throw new RuntimeException("Number of X axis labels does not match the number of data items. Data points: ${maxDataPoints}, labels: ${nLabels}"); |
||
163 | } |
||
164 | } |
||
165 | |||
166 | /** |
||
167 | * Return the min and max values across all data series. |
||
168 | * |
||
169 | * @param float[][] $series |
||
170 | * @return float[] |
||
171 | */ |
||
172 | private function getMinAndMaxValues(array $series): array |
||
173 | { |
||
174 | return [$this->getMinValue($series), $this->getMaxValue($series)]; |
||
175 | } |
||
176 | |||
177 | /** |
||
178 | * Return the min value across all data series. |
||
179 | * |
||
180 | * @param float[][] $series |
||
181 | * @return float |
||
182 | */ |
||
183 | private function getMinValue(array $series): float |
||
184 | { |
||
185 | return min(array_map('min', $series)); |
||
186 | } |
||
187 | |||
188 | /** |
||
189 | * Return the max values across all data series. |
||
190 | * |
||
191 | * @param float[][] $series |
||
192 | * @return float |
||
193 | */ |
||
194 | private function getMaxValue(array $series): float |
||
195 | { |
||
196 | return max(array_map('max', $series)); |
||
197 | } |
||
198 | |||
199 | private function interpolateYCoord( |
||
200 | int $areaTopY, |
||
201 | int $areaBottomY, |
||
202 | int $value, |
||
203 | int $maxValue, |
||
204 | int $minValue |
||
205 | ): int { |
||
206 | $pct = 1 - ($value - $minValue) / ($maxValue - $minValue); |
||
207 | return $areaTopY + ($areaBottomY - $areaTopY) * $pct; |
||
208 | } |
||
209 | |||
210 | private function calculateCoordinates(): array |
||
211 | { |
||
212 | $coords = []; |
||
213 | |||
214 | $coords['title_top_left'] = [ |
||
215 | 'x' => $this->width / 2 - imagefontwidth(self::TITLE_FONT_SIZE) * strlen($this->title) / 2, |
||
216 | 'y' => self::PLOT_MARGIN |
||
217 | ]; |
||
218 | $coords['y_axis_top_left'] = [ |
||
219 | 'x' => self::PLOT_MARGIN, |
||
220 | 'y' => self::PLOT_MARGIN + imagefontheight(self::TITLE_FONT_SIZE) + self::INTER_ELEMENT_SPACING |
||
221 | ]; |
||
222 | $coords['y_axis_bottom_right'] = [ |
||
223 | 'x' => self::PLOT_MARGIN + 75, |
||
224 | 'y' => $this->height - self::PLOT_MARGIN - (imagefontheight(self::AXIS_VALUE_FONT_SIZE) + self::INTER_ELEMENT_SPACING) * 2 |
||
225 | ]; |
||
226 | $coords['x_axis_top_left'] = [ |
||
227 | 'x' => $coords['y_axis_bottom_right']['x'], |
||
228 | 'y' => $coords['y_axis_bottom_right']['y'] |
||
229 | ]; |
||
230 | $coords['x_axis_bottom_right'] = [ |
||
231 | 'x' => $this->width - self::PLOT_MARGIN, |
||
232 | 'y' => $this->height - self::PLOT_MARGIN, |
||
233 | ]; |
||
234 | $coords['chart_area_top_left'] = [ |
||
235 | 'x' => $coords['y_axis_bottom_right']['x'], |
||
236 | 'y' => $coords['y_axis_top_left']['y'] |
||
237 | ]; |
||
238 | $coords['chart_area_bottom_right'] = [ |
||
239 | 'x' => $coords['x_axis_bottom_right']['x'], |
||
240 | 'y' => $coords['x_axis_top_left']['y'] |
||
241 | ]; |
||
242 | |||
243 | return $coords; |
||
244 | } |
||
245 | |||
246 | private function initChart(int $width, int $height) |
||
247 | { |
||
248 | $img = imagecreatetruecolor($this->width, $this->height); |
||
249 | imageantialias($img, true); |
||
250 | |||
251 | // White background fill |
||
252 | imagefill( |
||
253 | $img, |
||
254 | 0, |
||
255 | 0, |
||
256 | imagecolorallocate($img, 0xff, 0xff, 0xff) |
||
257 | ); |
||
258 | |||
259 | return $img; |
||
260 | } |
||
261 | |||
262 | private function drawTitle(&$img, array $coords, string $title): void |
||
263 | { |
||
264 | imagestring( |
||
265 | $img, |
||
266 | self::TITLE_FONT_SIZE, |
||
267 | $coords['title_top_left']['x'], |
||
268 | $coords['title_top_left']['y'], |
||
269 | $this->title, |
||
270 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
271 | ); |
||
272 | } |
||
273 | |||
274 | private function drawYAxis(&$img, array $coords, YAxisConfig $yAxisConfig, float $minValue, float $maxValue): void |
||
275 | { |
||
276 | // Main Y axis line |
||
277 | imageline( |
||
278 | $img, |
||
279 | $coords['chart_area_top_left']['x'], |
||
280 | $coords['chart_area_top_left']['y'], |
||
281 | $coords['chart_area_top_left']['x'], |
||
282 | $coords['chart_area_bottom_right']['y'], |
||
283 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
284 | ); |
||
285 | |||
286 | // Ticks and values |
||
287 | $tickSpacing = ($coords['y_axis_bottom_right']['y'] - $coords['y_axis_top_left']['y']) / self::N_TICKS_Y_AXIS; |
||
288 | $valueInterval = ($maxValue - $minValue) / self::N_TICKS_Y_AXIS; |
||
289 | $valueYOffset = imagefontheight(self::AXIS_VALUE_FONT_SIZE) / 2; |
||
290 | for ($i = 0; $i < self::N_TICKS_Y_AXIS; $i++) { |
||
291 | $y = $coords['y_axis_top_left']['y'] + $i * $tickSpacing; |
||
292 | imageline( |
||
293 | $img, |
||
294 | $coords['y_axis_bottom_right']['x'] - 1, |
||
295 | $y, |
||
296 | $coords['y_axis_bottom_right']['x'] + 1, |
||
297 | $y, |
||
298 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
299 | ); |
||
300 | |||
301 | $label = $maxValue - $i * $valueInterval; |
||
302 | imagestring( |
||
303 | $img, |
||
304 | self::AXIS_VALUE_FONT_SIZE, |
||
305 | $coords['y_axis_bottom_right']['x'] - imagefontwidth(self::AXIS_VALUE_FONT_SIZE) * strlen($label) - self::INTER_ELEMENT_SPACING, |
||
306 | $y - $valueYOffset, |
||
307 | $label, |
||
308 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
309 | ); |
||
310 | } |
||
311 | |||
312 | // Name |
||
313 | imagestringup( |
||
314 | $img, |
||
315 | self::AXIS_VALUE_FONT_SIZE, |
||
316 | $coords['y_axis_top_left']['x'], |
||
317 | $coords['y_axis_top_left']['y'] |
||
318 | + ($coords['y_axis_bottom_right']['y'] - $coords['y_axis_top_left']['y']) / 2 |
||
319 | + (imagefontwidth(self::AXIS_VALUE_FONT_SIZE) * strlen($yAxisConfig->name)) / 2, |
||
320 | $yAxisConfig->name, |
||
321 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
322 | ); |
||
323 | } |
||
324 | |||
325 | private function drawXAxis(&$img, array $coords, XAxisConfig $xAxisConfig): void |
||
326 | { |
||
327 | // Main X axis line |
||
328 | imageline( |
||
329 | $img, |
||
330 | $coords['chart_area_top_left']['x'], |
||
331 | $coords['chart_area_bottom_right']['y'], |
||
332 | $coords['chart_area_bottom_right']['x'], |
||
333 | $coords['chart_area_bottom_right']['y'], |
||
334 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
335 | ); |
||
336 | |||
337 | // ================ |
||
338 | // Ticks and labels |
||
339 | // ================ |
||
340 | // The total amount of labels |
||
341 | $nLabels = count($xAxisConfig->labels); |
||
342 | // The total number of ticks and labels that we'll print. The higher |
||
343 | // the number of labels, the fewer of them we'll print so that we don't |
||
344 | // clutter the axis. |
||
345 | // Right now this is a function of the order of magnitude of the number |
||
346 | // of labels. From 1 to 9 elements, we skip none. From 10 to 100, we |
||
347 | // pick one every ten. From 101 to 1000, we pick one every one hundred, |
||
348 | // but this is clearly not ideal. We should probably factor in the |
||
349 | // chart's width, the length of the labels, etc. |
||
350 | $nTicks = floor($nLabels / (10 ** (floor(log10($nLabels)) - 1))); |
||
351 | // The number of ticks and labels we skip in between, so that all items |
||
352 | // that will be printed are evenly distributed across the axis. |
||
353 | $tickOffset = floor($nLabels / ($nTicks - 1)); |
||
354 | // The space in pixels between each tick. |
||
355 | $tickSpacing = floor(($coords['x_axis_bottom_right']['x'] - $coords['x_axis_top_left']['x']) / ($nTicks - 1)); |
||
356 | |||
357 | for ($i = 0; $i < $nTicks; $i++) { |
||
358 | $x = $coords['x_axis_top_left']['x'] + $i * $tickSpacing; |
||
359 | imageline( |
||
360 | $img, |
||
361 | $x, |
||
362 | $coords['x_axis_top_left']['y'] - 1, |
||
363 | $x, |
||
364 | $coords['x_axis_top_left']['y'] + 1, |
||
365 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
366 | ); |
||
367 | |||
368 | // If the X axis configuration specifies a date format, apply it. |
||
369 | // Otherwise use the label as-is. |
||
370 | $label = $xAxisConfig->labels[$i * $tickOffset]; |
||
371 | if ($xAxisConfig->dateFormat !== null) { |
||
372 | $label = date($xAxisConfig->dateFormat, $label); |
||
373 | } |
||
374 | imagestring( |
||
375 | $img, |
||
376 | self::AXIS_VALUE_FONT_SIZE, |
||
377 | $x - imagefontwidth(self::AXIS_VALUE_FONT_SIZE) * strlen($label) / 2, |
||
378 | $coords['x_axis_top_left']['y'] + self::INTER_ELEMENT_SPACING, |
||
379 | $label, |
||
380 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
381 | ); |
||
382 | } |
||
383 | |||
384 | // Name |
||
385 | imagestring( |
||
386 | $img, |
||
387 | self::AXIS_VALUE_FONT_SIZE, |
||
388 | $coords['x_axis_top_left']['x'] |
||
389 | + ($coords['x_axis_bottom_right']['x'] - $coords['x_axis_top_left']['x']) / 2 |
||
390 | - imagefontwidth(self::AXIS_VALUE_FONT_SIZE) * strlen($xAxisConfig->name) / 2, |
||
391 | $coords['x_axis_top_left']['y'] + imagefontheight(self::AXIS_VALUE_FONT_SIZE) + self::INTER_ELEMENT_SPACING * 2, |
||
392 | $xAxisConfig->name, |
||
393 | imagecolorallocate($img, 0x00, 0x00, 0x00) |
||
394 | ); |
||
395 | } |
||
396 | |||
397 | private function drawData(&$img, array $coords, array $data, int $minValue, int $maxValue): void |
||
398 | { |
||
399 | $plotAreaTopY = $coords['chart_area_top_left']['y']; |
||
400 | $plotAreaBottomY = $coords['chart_area_bottom_right']['y']; |
||
401 | $nPoints = max(array_map('count', $this->data)); |
||
402 | $segmentWidth = ($coords['chart_area_bottom_right']['x'] - $coords['chart_area_top_left']['x']) / ($nPoints - 1); |
||
403 | foreach ($data as $idx => $series) { |
||
404 | [$r, $g, $b] = self::COLORS[$idx % count(self::COLORS)]; |
||
405 | $lineColor = imagecolorallocate($img, $r, $g, $b); |
||
406 | |||
407 | $fromX = $fromY = null; |
||
408 | for ($i = 1; $i < count($series); $i++) { |
||
0 ignored issues
–
show
|
|||
409 | $fromValue = $series[$i - 1]; |
||
410 | $toValue = $series[$i]; |
||
411 | |||
412 | if ($fromX === null) { |
||
413 | $fromX = $coords['chart_area_top_left']['x'] + ($i - 1) * $segmentWidth; |
||
414 | $fromY = $this->interpolateYCoord($plotAreaTopY, $plotAreaBottomY, $fromValue, $maxValue, $minValue); |
||
415 | } |
||
416 | |||
417 | $toX = $coords['chart_area_top_left']['x'] + $i * $segmentWidth; |
||
418 | $toY = $this->interpolateYCoord($plotAreaTopY, $plotAreaBottomY, $toValue, $maxValue, $minValue); |
||
419 | |||
420 | imageline($img, $fromX, $fromY, $toX, $toY, $lineColor); |
||
421 | |||
422 | $fromX = $toX; |
||
423 | $fromY = $toY; |
||
424 | } |
||
425 | } |
||
426 | } |
||
427 | } |
||
428 |
If the size of the collection does not change during the iteration, it is generally a good practice to compute it beforehand, and not on each iteration: