Fix: Make points visible by default for sparse data

- Added pointBorderColor and pointBorderWidth for visible points
- Increased pointRadius from 4 to 5 for better visibility
- Points now show without hovering when data is sparse (< 10 records)
- Hover radius increased to 7 for better interaction

Author: roncodes

addon/components/widget/api-metrics.js

@@ -82,9 +82,11 @@ export default class WidgetApiMetricsComponent extends Component {
                             borderWidth: 3,
                             fill: true,
                             tension: 0.4,
-                            pointRadius: showPoints ? 4 : 0,
-                            pointHoverRadius: 6,
+                            pointRadius: showPoints ? 5 : 0,
                             pointBackgroundColor: 'rgb(16, 185, 129)',
+                            pointBorderColor: 'rgb(16, 185, 129)',
+                            pointBorderWidth: showPoints ? 2 : 0,
+                            pointHoverRadius: 7,
                             pointHoverBackgroundColor: 'rgb(16, 185, 129)',
                             pointHoverBorderColor: '#fff',
                             pointHoverBorderWidth: 2,
@@ -97,9 +99,11 @@ export default class WidgetApiMetricsComponent extends Component {
                             borderWidth: 3,
                             fill: true,
                             tension: 0.4,
-                            pointRadius: showPoints ? 4 : 0,
-                            pointHoverRadius: 6,
+                            pointRadius: showPoints ? 5 : 0,
                             pointBackgroundColor: 'rgb(239, 68, 68)',
+                            pointBorderColor: 'rgb(239, 68, 68)',
+                            pointBorderWidth: showPoints ? 2 : 0,
+                            pointHoverRadius: 7,
                             pointHoverBackgroundColor: 'rgb(239, 68, 68)',
                             pointHoverBorderColor: '#fff',
                             pointHoverBorderWidth: 2,