AJAX
2 years ago
Date_Range
2 years ago
Interval
3 years ago
Menu_Bar_Stats
2 years ago
Migrations
2 years ago
Models
2 years ago
Queries
2 years ago
Statistics
2 years ago
Tables
2 years ago
Utils
2 years ago
Campaign_Builder.php
2 years ago
Capability_Manager.php
3 years ago
Chart.php
3 years ago
Chart_Geo.php
2 years ago
Chart_SVG.php
3 years ago
City_To_Country_Converter.php
3 years ago
Dashboard_Options.php
2 years ago
Dashboard_Widget.php
3 years ago
Email_Chart.php
2 years ago
Email_Reports.php
2 years ago
Env.php
2 years ago
Filters.php
2 years ago
Geo_Database_Background_Job.php
2 years ago
Geo_Database_Downloader.php
2 years ago
Geoposition.php
2 years ago
Icon_Directory.php
2 years ago
Icon_Directory_Factory.php
2 years ago
Illuminate_Builder.php
3 years ago
Independent_Analytics.php
2 years ago
Interrupt.php
2 years ago
Known_Referrers.php
3 years ago
Plugin_Conflict_Detector.php
2 years ago
Query.php
2 years ago
Quick_Stats.php
2 years ago
REST_API.php
2 years ago
Real_Time.php
2 years ago
Reset_Database.php
3 years ago
Resource_Identifier.php
3 years ago
Settings.php
2 years ago
Sort_Configuration.php
3 years ago
Track_Resource_Changes.php
3 years ago
View.php
2 years ago
View_Counter.php
2 years ago
WP_Option_Cache_Bust.php
2 years ago
WooCommerce_Order.php
2 years ago
Chart_SVG.php
88 lines
| 1 | <?php |
| 2 | |
| 3 | namespace IAWP_SCOPED\IAWP; |
| 4 | |
| 5 | use IAWP_SCOPED\IAWP\Statistics\Statistics; |
| 6 | class Chart_SVG |
| 7 | { |
| 8 | private $width; |
| 9 | private $height; |
| 10 | private $views; |
| 11 | private $daily_views; |
| 12 | private $daily_visitors; |
| 13 | private $daily_sessions; |
| 14 | private $x_labels; |
| 15 | private $y_labels; |
| 16 | private $y_label_highest; |
| 17 | private $x_step; |
| 18 | private $y_step; |
| 19 | private $view_coords; |
| 20 | private $visitor_coords; |
| 21 | private $session_coords; |
| 22 | public function __construct(Statistics $views, $width, $height) |
| 23 | { |
| 24 | $this->views = $views; |
| 25 | $this->width = $width; |
| 26 | $this->height = $height; |
| 27 | $this->daily_views = \array_map(function ($data_point) { |
| 28 | return $data_point[1]; |
| 29 | }, $this->views->views()->daily_summary()); |
| 30 | $this->daily_visitors = \array_map(function ($data_point) { |
| 31 | return $data_point[1]; |
| 32 | }, $this->views->visitors()->daily_summary()); |
| 33 | $this->daily_sessions = \array_map(function ($data_point) { |
| 34 | return $data_point[1]; |
| 35 | }, $this->views->sessions()->daily_summary()); |
| 36 | $this->x_labels = \array_map(function ($data_point) { |
| 37 | return $data_point[0]->format('M j'); |
| 38 | }, $this->views->views()->daily_summary()); |
| 39 | $this->y_labels = $this->get_y_labels(); |
| 40 | $this->x_step = $this->width / \count($this->daily_views); |
| 41 | $this->y_step = $this->height / $this->y_label_highest; |
| 42 | $this->view_coords = $this->get_point_coordinates($this->daily_views); |
| 43 | $this->visitor_coords = $this->get_point_coordinates($this->daily_visitors); |
| 44 | $this->session_coords = $this->get_point_coordinates($this->daily_sessions); |
| 45 | } |
| 46 | public function get_svg_data() |
| 47 | { |
| 48 | $svg_data = ['width' => $this->width, 'height' => $this->height, 'xLabels' => $this->x_labels, 'yLabels' => $this->y_labels, 'yEnd' => $this->width - $this->x_step, 'view_coords' => $this->view_coords, 'view_coords_string' => $this->get_polyline_coords($this->view_coords), 'visitor_coords' => $this->visitor_coords, 'visitor_coords_string' => $this->get_polyline_coords($this->visitor_coords), 'session_coords' => $this->session_coords, 'session_coords_string' => $this->get_polyline_coords($this->session_coords)]; |
| 49 | return $svg_data; |
| 50 | } |
| 51 | private function get_y_labels() |
| 52 | { |
| 53 | $most_views = \max($this->daily_views); |
| 54 | $y_label_step = \round($most_views / 10); |
| 55 | // Prevent a step equal to zero |
| 56 | $y_label_step = $y_label_step == 0 ? 1 : $y_label_step; |
| 57 | $total_steps = \round($most_views / $y_label_step) + 1; |
| 58 | $this->y_label_highest = $y_label_step * $total_steps; |
| 59 | $y_labels[] = ['tickY' => 0, 'textY' => -3, 'label' => 0]; |
| 60 | for ($i = 1; $i <= $total_steps; $i++) { |
| 61 | $y = $this->height / $total_steps * $i; |
| 62 | $y_labels[] = ['tickY' => $y, 'textY' => $y - 3, 'label' => $y_label_step * $i]; |
| 63 | } |
| 64 | return $y_labels; |
| 65 | } |
| 66 | private function get_point_coordinates(array $views) : array |
| 67 | { |
| 68 | $coordinates = []; |
| 69 | for ($i = 0; $i < \count($views); $i++) { |
| 70 | $x = $i * $this->x_step; |
| 71 | $y = $views[$i] * $this->y_step; |
| 72 | $coordinates[] = ['x' => $x, 'y' => $y]; |
| 73 | } |
| 74 | return $coordinates; |
| 75 | } |
| 76 | // The Y point is flipped because SVGs place (0,0) at the top-left, rather than the bottom-left |
| 77 | private function get_polyline_coords(array $coordinates) : string |
| 78 | { |
| 79 | $points = ''; |
| 80 | foreach ($coordinates as $coordinate) { |
| 81 | $points .= $coordinate['x'] . ',-' . $coordinate['y'] . ' '; |
| 82 | } |
| 83 | $points .= $this->width - $this->x_step . ',0 '; |
| 84 | $points .= '0,0'; |
| 85 | return $points; |
| 86 | } |
| 87 | } |
| 88 |