chart.php
| 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="<?php echo '0 ' . '-' , absint($chart_data['height']) . ' ' . absint($chart_data['width']) . ' ' . absint($chart_data['height']); ?>"> |
| 2 | <g> |
| 3 | <!-- X Axis --> |
| 4 | <?php |
| 5 | for ($i = 0; $i < count($chart_data['view_coords']); $i++) : |
| 6 | if (($i + 3) % 3 == 0) : ?> |
| 7 | <text style="font-size:10px" text-anchor="middle" |
| 8 | x="<?php esc_attr_e($chart_data['view_coords'][$i]['x']); ?>" |
| 9 | y="20" ><?php esc_html_e($chart_data['xLabels'][$i]); ?></text> |
| 10 | <line stroke="#DEDAE6" |
| 11 | x1="<?php esc_attr_e($chart_data['view_coords'][$i]['x']); ?>" |
| 12 | y1="0" |
| 13 | x2="<?php esc_attr_e($chart_data['view_coords'][$i]['x']); ?>" |
| 14 | y2="9" /> |
| 15 | <?php endif; |
| 16 | endfor; ?> |
| 17 | </g> |
| 18 | <g> |
| 19 | <!-- Y Axis --> |
| 20 | <line x1="0" y1="0" x2="0" y2="-<?php echo absint($chart_data['height']); ?>" stroke="#DEDAE6" /> |
| 21 | <?php |
| 22 | foreach ($chart_data['yLabels'] as $label_data) : ?> |
| 23 | <text style="font-size:10px;" text-anchor="end" |
| 24 | x="-10" |
| 25 | y="-<?php esc_attr_e($label_data['textY']); ?>"><?php esc_attr_e($label_data['label']); ?></text> |
| 26 | <line stroke="#DEDAE6" |
| 27 | x1="-8" y1="-<?php esc_attr_e($label_data['tickY']); ?>" |
| 28 | x2="0" y2="-<?php esc_attr_e($label_data['tickY']); ?>" /> |
| 29 | <line stroke="#EEE" stroke-dasharray="2 5" |
| 30 | x1="0" y1="-<?php esc_attr_e($label_data['tickY']); ?>" |
| 31 | x2="<?php esc_attr_e($chart_data['yEnd']); ?>" y2="-<?php esc_attr_e($label_data['tickY']); ?>" /> |
| 32 | <?php endforeach; ?> |
| 33 | </g> |
| 34 | <g> |
| 35 | <!-- Visitor Points --> |
| 36 | <polyline points="<?php echo $chart_data['visitor_coords_string']; ?>" style="fill:rgba(246,157,10,0.1);stroke:#F69D0A;stroke-width:2px;" stroke-linejoin="round" /> |
| 37 | <?php |
| 38 | for ($i = 0; $i < count($chart_data['visitor_coords']); $i++) : ?> |
| 39 | <circle r="3" style="fill:#F69D0A" |
| 40 | cx="<?php esc_attr_e($chart_data['visitor_coords'][$i]['x']); ?>" |
| 41 | cy="-<?php esc_attr_e($chart_data['visitor_coords'][$i]['y']); ?>" /> |
| 42 | <?php endfor; ?> |
| 43 | </g> |
| 44 | <g> |
| 45 | <!-- View Points --> |
| 46 | <polyline points="<?php echo $chart_data['view_coords_string']; ?>" style="fill:rgba(81,35,160,0.1);stroke:#5123A0;stroke-width:2px;" stroke-linejoin="round" /> |
| 47 | <?php |
| 48 | for ($i = 0; $i < count($chart_data['view_coords']); $i++) : ?> |
| 49 | <circle r="3" style="fill:#5123A0" |
| 50 | cx="<?php esc_attr_e($chart_data['view_coords'][$i]['x']); ?>" |
| 51 | cy="-<?php esc_attr_e($chart_data['view_coords'][$i]['y']); ?>" /> |
| 52 | <?php endfor; ?> |
| 53 | </g> |
| 54 | </svg> |