carlosafonso /
plotta
| 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: